Html click a link to download a file

Report Error. Your message has been sent to W3Schools. W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. The code below will tell the browser to prompt the user to save the file. This link does not have the download attribute. This link has the download attribute.

Read More From Actual Wizard Understanding the Different Parts of an Email Address An email address has four parts; the recipient name, the symbol, the domain name, and the top-level domain. There are a number of different ways to get the last element of an array in JavaScript.

Learn more. Asked 9 years, 4 months ago. Active 27 days ago. Viewed 1. Brett DeWoody Thanks to you "how to trigger a file download in javascript" would give answers much faster for any future searcher. Your restrictions in your final paragraph don't make much sense to me. If you're open to answers that use JavaScript since you say so or that require changing the DOM structure like the one you've accepted , why not also an anchor styled as a button?

I can't imagine a scenario where the first two would be fine but the anchor as a button would be problematic. Add a comment. Active Oldest Votes. You can trigger a download with the HTML5 download attribute. That means the page and the file must share the same domain, subdomain, protocol HTTP vs.

HTTPS , and port if specified. Exceptions are blob: and data: which always work , and file: which never works. If it is blank, the browser defaults to the file's name. MultiplyByZer0 4, 3 3 gold badges 28 28 silver badges 46 46 bronze badges. Joe Pigott Joe Pigott 7, 5 5 gold badges 29 29 silver badges 42 42 bronze badges.

Browsers that understand download treat it as a download, otherwise it's opened in a new tab. How can this be applied to a button object instead of just an a tag? Actually this only works for urls of the same origin as mentioned in the MDN docs. This is a huge limitation if we are looking to develop a generic solution — Akshat Gupta. The question is explicitly asking to use a button instead of a link — Quentin. Show 9 more comments.

Gray k 22 22 gold badges silver badges bronze badges. Cfreak Cfreak In when the answer was originally posted it wasn't supported in any major browser. This doesn't necessarily trigger a download.

It simply causes the browser to navigate to file. Whether that results in file. Show 3 more comments. Ani Menon What if i wanna download a xml file? Thanks for your code. I have tested, it can working in IE, Chrome, Firefox. If you have a file acceptable by the browser like a PDF it will open in new tab instead to show download dialog.

You could use window. Show 1 more comment. We will achieve this using our custom written functions and using the download attribute of HTML 5. The download attribute in HTML 5 is used to download files when users click on the hyperlink. We are required to set the href attribute specifying the source of the file. The value of the download attribute determines the name of the downloaded file. If this value is removed, then the downloaded filename will be the same as the original file name.

In the above code, we download an image apple.