如何创建:下载链接

学习如何使用 HTML 创建下载链接。

下载链接

您可以使用 HTML 的 download 属性来指定当用户点击超链接时将下载目标文件。

实例

<a href="w3logo.png" download>
  <img src="w3logo.png" alt="W3School">
</a>

亲自试一试

只有在设置了 href 属性时,才会使用 download 属性。

该属性的值将是下载文件的名称。对允许的值没有任何限制,浏览器将自动检测正确的文件扩展名并将其添加到文件中(.img、.pdf、.txt、.html等)。

您还可以为 download 属性指定一个值,该值将是下载文件的新文件名。如果省略了该值,将使用原始文件名。

实例

download 属性指定一个值,该值将是下载文件的新文件名("w3logo.jpg" 而不是 "myw3schoolimage.jpg"):

指定下载属性的值,该值将是下载文件的新文件名("w3logo.jpg" 而不是 "myw3schoolimage.jpg"):

<a href="w3logo.png" download="w3school-logo">
  <img src="w3logo.png" alt="W3School">
</a>

亲自试一试

浏览器支持

表中的数字注明了完全支持该属性的首个浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
14.0 13.0 20.0 10.1 15.0