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

我对HTML有一个基本的概念。我想在我的样本网站创建下载链接，但我不知道如何创建它。我如何制作一个下载文件的链接而不是访问它?

当前回答

像这样

<a href="www.yoursite.com/theThingYouWantToDownload">Link name</a>

因此，example.com网站上的文件名。jpg将如下所示

<a href="www.example.com/name.jpg">Image</a>

其他回答

这个答案已经过时了。现在我们有了download属性。(另见MDN链接)

如果你所说的“下载链接”是指下载文件的链接，那就使用

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

target=_blank会在下载开始之前出现一个新的浏览器窗口。当浏览器发现该资源是一个文件下载时，该窗口通常会关闭。

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

你可以尝试发送正确的标题来强制下载，比如这里。(需要服务器端脚本或访问服务器设置。)

在支持HTML5的现代浏览器中，可以实现以下功能:

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

你也可以用这个:

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

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

下载链接是指向您想要下载的资源的链接。它的构造方式与其他链接相同:

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

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

像这样

<a href="www.yoursite.com/theThingYouWantToDownload">Link name</a>

因此，example.com网站上的文件名。jpg将如下所示

<a href="www.example.com/name.jpg">Image</a>

除了前面提到的HTML5的<a download属性之外，浏览器的下载到磁盘行为也可以由以下HTTP响应头触发:

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

这是HTML5出现之前的做法(现在支持HTML5的浏览器仍然适用)。

推荐文章