Download file from anchor tag

Download Image. By clicking the download button. Recommended Articles. Article Contributed By :. Easy Normal Medium Hard Expert. Writing code in comment? Please use ide. Load Comments. We want to download a file when we click on an anchor tag link Download this file.

Implementation and Folder structure is as shown below. Skip to content. Change Language. Related Articles. Table of Contents. Improve Article. Save Article. However, when you add the download attribute, it will turn that into a download link. Prompting your file to be downloaded. The downloaded file will have the same name as the original filename. The download attribute only works for same-originl URLs. So if the href is not the same origin as the site, it won't work.

In other words, you can only download files that belongs to that website. The download attribute specifies that the target the file specified in the href attribute will be downloaded when a user clicks on the hyperlink. The optional value of the download attribute will be the new name of the file after it is downloaded. There are no restrictions on allowed values, and the browser will automatically detect the correct file extension and add it to the file. Specify a value for the download attribute, which will be the new filename of the downloaded file "w3logo.