(HTML) 当点击时下载 PDF 文件而不是在浏览器中打开它们

我觉得最适合我的解决方案是Nick在他的博客上写的。
他的解决方案的基本思路是使用Apache服务器的头部模块，并编辑.htaccess文件以包含一个FileMatch指令，使所有*.pdf文件都作为流而不是附件。虽然这实际上并不涉及编辑HTML（原始问题），但它不需要任何编程技巧。
我更喜欢Nick的方法的第一个原因是它允许我按文件夹设置，这样同一文件夹中的PDF文件仍然可以在浏览器中打开，而允许其他文件（我们希望用户编辑并重新上传的文件）被强制下载。
我还想补充一点，PDF文件有一个选项可以通过API将可填写表单提交到您的服务器，但这需要一些时间来实现。
第二个原因是时间问题。编写一个PHP文件处理程序来强制内容配置在header()中也比API花费更少的时间，但仍需要比Nick的方法更长的时间。
如果您知道如何启用Apache mod并编辑.htaccess文件，则大约可以在10分钟内完成此操作。这需要Linux托管（而不是Windows）。这可能不是所有用途的适当方法，因为它需要高级服务器访问权限来进行配置。因此，如果您拥有这样的访问权限，那么很可能是因为您已经知道如何执行这两个操作。如果没有，请查看Nick的博客以获取更多说明。

行为应该取决于浏览器如何设置处理各种 MIME 类型。在这种情况下，MIME 类型是 application/pdf。如果您想强制浏览器下载文件，可以尝试在 PDF 文件上强制使用不同的 MIME 类型。我建议不要这样做，因为用户应该选择打开 PDF 文件时会发生什么。

我需要为在特定文件夹中创建的具有动态名称并由IIS提供服务的文件执行此操作。

这对我有效：

• 在IIS中，进入该文件夹并双击HTTP响应标头。

• 使用以下信息添加新标头：

  名称：content-disposition 值：attachment

（来自：http://forums.iis.net/t/1175103.aspx?add+CustomHeaders+only+for+certain+file+types+）

@Aljohn Yamaro

function forceDownload(pdf_url, pdf_name) {
    var x = new XMLHttpRequest();
    x.open("GET", pdf_url, true);
    x.responseType = 'blob';
    x.onload = function(e){
        saveAs(x.response, pdf_name, 'application/pdf');
    };
    x.send();
}

如果您正在使用HTML5（我猜现在每个人都在使用），那么有一个名为“download”的属性。
例如：<a href="somepathto.pdf" download="filename"> 这里的filename是可选的，但如果提供，它将用作下载文件的名称。

你可以添加以下代码。