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

Eric Bidelman

Chrome 現已支援 HTML 規格中 a 元素的新 download 屬性。使用此屬性時，表示瀏覽器應下載所指的資源，而非前往該資源。

在「下載資源」中：

注意： 如果有 download 屬性，表示作者希望使用超連結來下載資源。這個屬性可能會有值；如果有值，則會指定預設檔案名稱，作者建議在本機檔案系統中標示資源時使用這個名稱。允許的值沒有限制，但作者應注意，大多數檔案系統對於檔案名稱支援的標點符號有限制，使用者代理程式可能會據此調整檔案名稱。此外，您也可以為該屬性指定值，以便指定使用者代理程式在檔案系統中儲存資源時要使用的檔案名稱。這個值可由 Content-Disposition HTTP 標頭的 filename 參數覆寫。

舉例來說，點選下列連結會下載 .png 檔案，並命名為「MyGoogleLogo.png」，而不是前往其 href 值：download me。這項服務的標記如下：

<a href="http://web-central.appspot.com/.../web-fundamentals-icon192x192.png" download="WebfundamentalsLogo">download me</a>

a[download] 的真正優勢在於搭配 blob：網址和 filesystem：網址 網址使用時。這可讓使用者透過應用程式下載在應用程式中建立/修改的內容。

完整展示模式

值得注意的是，在上述範例中，圖片與網站具有相同的來源。如果您嘗試使用來自不同來源的圖片連結，該連結可能無法做為導覽連結，而非下載連結。這是因為許多瀏覽器版本不支援跨來源檔案的下載政策。舉例來說，65 之前的 Chrome 版本允許下載跨來源檔案，但在後續版本中已淘汰。詳情請參閱這篇文章。您可以使用 Content-Disposition 標頭，強制從其他來源下載。

瀏覽器支援：只有目前的 Chrome 開發人員頻道版本 (14.0.835.15 以上) 支援此屬性。