如何創建:下載鏈接
學習如何使用 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 |