How to trigger a file download when clicking an HTML button or JavaScript
Posted By: Anonymous
This is crazy but I don’t know how to do this, and because of how common the words are, it’s hard to find what I need on search engines. I’m thinking this should be an easy one to answer.
I want a simple file download, that would do the same as this:
<a href="file.doc">Download!</a>
But I want to use an HTML button, e.g. either of these:
<input type="button" value="Download!">
<button>Download!</button>
Likewise, is it possible to trigger a simple download via JavaScript?
$("#fileRequest").click(function(){ /* code to download? */ });
I’m definitely not looking for a way to create an anchor that looks like a button, use any back-end scripts, or mess with server headers or mime types.
Solution
For the button you can do
<form method="get" action="file.doc">
<button type="submit">Download!</button>
</form>
Answered By: Anonymous
Disclaimer: This content is shared under creative common license cc-by-sa 3.0. It is generated from StackExchange Website Network.