如何在HTML中创建下载链接？

Question

我有一个基本的HTML概念.我想在我的示例网站中创建下载链接,但我不知道如何创建它.如何建立链接以下载文件而不是访问它？

Answer 1

在支持HTML5的现代浏览器中,以下内容是可行的:

<a href="link/to/your/download/file" download>Download link</a>

你也可以用这个:

<a href="link/to/your/download/file" download="filename">Download link</a>

这将允许您更改实际下载的文件的名称.

Answer 2

这个答案已经过时了.我们现在具有此处download描述的属性.

如果"下载链接"是指要下载的文件的链接,请使用

  <a href="http://example.com/files/myfile.pdf" target="_blank">Download</a>

在target=_blank下载开始前将作出新的浏览器窗口出现.当浏览器发现资源是文件下载时,通常会关闭该窗口.

请注意,浏览器已知的文件类型(例如JPG或GIF图像)通常会在浏览器中打开.

你可以尝试发送正确的头强迫下载喜欢概述如这里.(需要服务器端脚本或访问服务器设置.)

Answer 3

除了(或替代)<a download已经提到的HTML5 属性之外,
浏览器的下载到磁盘行为也可以由以下http响应头触发:

Content-Disposition: attachment; filename=ProposedFileName.txt;

这是HTML5之前的方法(并且仍适用于支持HTML5的浏览器).

Answer 4

下载链接将是您要下载的资源的链接.它的构造方式与任何其他链接的构造方式相同:

<a href="path to resource.name of file">Link</a>

<a href="files/installer.exe">Link to installer</a>

Answer 5

要链接到该文件,请执行与任何其他页面链接相同的操作:

<a href="...">link text</a>

要强制下载即使它们有嵌入式插件(Windows + QuickTime = ugh),您也可以在htaccess/apache2.conf中使用它:

AddType application/octet-stream EXTENSION

Answer 6

这个线程现在可能已经很古老了，但这适用于我的本地文件的 html5。

对于 pdf 文件：

<p><a href="file:///........example.pdf" download target="_blank">test pdf</a></p>

这应该在新窗口中打开 pdf 并允许您下载它（至少在 Firefox 中）。对于任何其他文件，只需将其作为文件名即可。对于图像和音乐，您希望将它们存储在与您的站点相同的目录中。所以就像

<p><a href="images/logo2.png" download>test pdf</a></p>