如何使用Content-disposition强制文件下载到硬盘？

我想强制浏览器下载一个pdf文件。

我正在使用下面的代码：

 <a href="../doc/quot.pdf" target=_blank>Click here to Download quotation</a> 

它使得浏览器在新窗口中打开PDF，但是当用户点击它时，我想让它下载到硬盘上。

我发现Content-disposition是用来做这个的，但是我怎么用呢？

Answer 1

在您要返回PDF文件的HTTP响应中，确保内容处置标题如下所示：

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

请参阅wikipedia MIME页面上的内容处置 。

Answer 2

使用最近的浏览器，您也可以使用HTML5下载属性：

 <a download="quot.pdf" href="../doc/quot.pdf">Click here to Download quotation</a> 

除了MSIE11以外，大部分浏览器都支持它。 你可以使用一个polyfill，就像这样（注意，这只适用于数据uri，但这是一个好的开始）：

 (function (){ addEvent(window, "load", function (){ if (isInternetExplorer()) polyfillDataUriDownload(); }); function polyfillDataUriDownload(){ var links = document.querySelectorAll('a[download], area[download]'); for (var index = 0, length = links.length; index<length; ++index) { (function (link){ var dataUri = link.getAttribute("href"); var fileName = link.getAttribute("download"); if (dataUri.slice(0,5) != "data:") throw new Error("The XHR part is not implemented here."); addEvent(link, "click", function (event){ cancelEvent(event); try { var dataBlob = dataUriToBlob(dataUri); forceBlobDownload(dataBlob, fileName); } catch (e) { alert(e) } }); })(links[index]); } } function forceBlobDownload(dataBlob, fileName){ window.navigator.msSaveBlob(dataBlob, fileName); } function dataUriToBlob(dataUri) { if (!(/base64/).test(dataUri)) throw new Error("Supports only base64 encoding."); var parts = dataUri.split(/[:;,]/), type = parts[1], binData = atob(parts.pop()), mx = binData.length, uiArr = new Uint8Array(mx); for(var i = 0; i<mx; ++i) uiArr[i] = binData.charCodeAt(i); return new Blob([uiArr], {type: type}); } function addEvent(subject, type, listener){ if (window.addEventListener) subject.addEventListener(type, listener, false); else if (window.attachEvent) subject.attachEvent("on" + type, listener); } function cancelEvent(event){ if (event.preventDefault) event.preventDefault(); else event.returnValue = false; } function isInternetExplorer(){ return /*@cc_on!@*/false || !!document.documentMode; } })();