如何将 url 设为 html 中的下载链接？

Question

客户想要

url

作为下载链接。

用例就像这样：

用户链接到

example.com/download

，一旦到达，它就会下载 pdf 文件。

我可以在没有 php 的情况下做到这一点吗？

Answer 1

HTML5 引入了

download

属性。

单击此链接时，支持用户代理将提供下载文件

foo.png

：

<a href="foo.png" download>Save the image</a>

您还可以指定应使用的不同默认文件名：

<a href="foo.png" download="image.png>Save the image</a>

了解更多信息，请访问 http://www.w3.org/TR/html5/links.html#downloading-resources。

请注意，这仅适用于链接。当然，当用户直接在浏览器中输入 URL 时，这不会产生任何效果。如果需要，您需要发送特定的 HTTP 标头。例如，请参阅问题：如何强制下载文件？。为此，您不一定需要像 PHP 这样的编程语言。例如，您也可以使用

.htaccess

来完成此操作：使用 .htaccess 强制文件（图像）下载

Answer 2

文件的显示方式取决于浏览器。有些可能会强制您下载，而有些则直接在浏览器上呈现。

如果你想强制浏览器下载文件那么你可以在 Header 中设置

Content-Type : application/octet-stream

Content-Disposition: attachment;

参考 - https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Disposition

Answer 3

您只需要一个链接（锚标记）。单击链接时的行为方式取决于您使用的浏览器以及该特定浏览器中的设置。某些浏览器会提示您打开或保存文件，其他浏览器会在新选项卡或窗口中打开 PDF 文件。

<a href="path/to/your/file.pdf">Download PDF</a>

您还需要确保锚标记的

href

属性上的 PDF 文件路径正确。

Answer 4

使用此（HTML）而不是 PHP：

<a href="http://example.com/download/asdf.pdf">Download pdf</a>

Answer 5

使用完整的 url，包括 pdf 文件，例如。

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