如何創建:下載鏈接

學習如何使用 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" 而不是 "mycodew3cimage.jpg"):

指定下載屬性的值,該值將是下載文件的新文件名("w3logo.jpg" 而不是 "mycodew3cimage.jpg"):

<a href="w3logo.png" download="codew3c-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