强制打开“另存为…”弹出打开文本链接点击PDF在HTML

我有一些大尺寸的PDF目录在我的网站上，我需要链接这些下载。当我在谷歌上搜索时，我发现下面有这样一件事。它应该打开“另存为…”弹出链接点击…

 <head>
    <meta name="content-disposition" content="inline; filename=filename.pdf">
    ...

但它不工作:/当我链接到一个文件如下，它只是链接到文件，并试图打开文件。

    <a href="filename.pdf" title="Filie Name">File name</a>

更新(根据以下答案):

据我所知，没有100%可靠的跨浏览器解决方案。也许最好的方法是使用下面列出的web服务之一，并提供下载链接…

http://box.net/ http://droplr.com/ http://getcloudapp.com/

当前回答

使用download属性，但要考虑到它只适用于与您的代码位于同一源中的文件。这意味着用户只能下载来自源站点、同一主机的文件。

用原始文件名下载:

<a href="file link" download target="_blank">Click here to download</a>

用“some_name”作为文件名下载:

<a href="file link" download="some_name" target="_blank">Click here to download</a>

添加target="_blank"，我们将使用一个新的标签，而不是实际的标签，而且它将有助于在某些情况下下载属性的正确行为。

它遵循与同源策略相同的规则。您可以在MDN Web Doc同源策略页面上了解有关此策略的更多信息

你可以在MDN Web Doc锚的属性页面上了解更多关于这个下载HTML5属性的信息。

其他回答

我刚刚用了这个，但我不知道它是否适用于所有浏览器。

它适用于Firefox:

<a href="myfile.pdf" download>Click to Download</a>

如果你在浏览器中有一个插件知道如何打开PDF文件，它会直接打开。比如图像和HTML内容。

因此，另一种方法是在响应中不发送MIME类型。这样，浏览器就永远不会知道哪个插件应该打开它。因此，它会给你一个保存/打开对话框。

从答案到强制浏览器保存文件为单击链接后:

<a href="path/to/file" download>Click here to download</a>