以 HTML5 格式下載資源 - a[下載]

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 以上版本) 支援這項屬性。