How to trigger a file download when clicking an html <a> tag or javascript in a modern browser

Question

I would like to have an a tag (anchor) that triggers a download when clicked.

I've already tried all the solutions in this S/O question and more: How to trigger a file download when clicking an html button or javascript and non works, except for this one:

<a href="lorem.gif" download="lorem.gif">HTML 5 Download</a>

This one works in the latest versions of Firefox and Chrome for certain file types, like images, but doesn't work for PDFs and it doesn't work on IE and many other browsers either.

Answer 1

You are looking for the Content-Disposition HTTP header. You set it on the server-side when you are sending down the file:

Content-Disposition: attachment; filename=lorem.pdf;

It basically tells the browsers that they should download the file instead of trying to render it. See this SO question or this Wikipedia page: MIME#Content-Disposition .

Answer 2

赫雷是如何下载文件

 <a href="lorem.gif" download="lorem.gif"><button>Download</button></a>