Chrome 現在支援將 HTML 規格的新 download
屬性新增至 a
元素。使用這個屬性時,這個屬性表示瀏覽器應下載該資源指向的資源,而非前往該檔案。
舉例來說,按一下下列連結會將 .png 下載為「MyGoogleLogo.png」,而不是導向其 href
值:下載我。其標記如下:
<a href="http://web-central.appspot.com/.../web-fundamentals-icon192x192.png" download="WebfundamentalsLogo">download me</a>
使用 blob: 網址和檔案系統:網址網址時,a[download]
的實際優點在於讓使用者能下載在應用程式中建立/修改的內容。
請注意,在上述範例中,圖片的來源與網站相關。如果嘗試使用不同來源的圖片連結,則該連結可能會視為導覽連結,而非下載連結。這是因為許多瀏覽器版本不支援對跨來源檔案的下載政策。舉例來說,65 以下版本的 Chrome 允許下載跨來源檔案,而在後續版本中已淘汰。詳情請參閱這篇文章。您可以使用 Content-Disposition
標頭強制從其他來源下載。
瀏覽器支援:只有目前的 Chrome 開發人員版本 (14.0.835.15 以上版本) 支援這項屬性。