HTML 強制超連結下載檔案

現在的瀏覽器都很聰明,當網頁超連結的內容是純文字檔、PDF、CSS File 時,瀏覽器會很聰明的在瀏覽器預覽而不是下載,但有時候我們希望使用者直接下載而不是在瀏覽器檢視,例如之前到 jQuery 的官網下載 jquery.js 時,都會變成預覽,需要按右鍵另存新檔,但其實我的目的很明確是要下載檔案而不是檢視呀!

其實只需要在超連結內加上 download 屬性,就可以讓超連結強制下載檔案,即使今是 HTML 檔,都會強制下載而非在瀏覽器內檢視,可以視需要在合適的、明確需要下載的地方做這處理;參考範例:

<a download href="http://example.tw/example.pdf">

在〈HTML 強制超連結下載檔案〉中有 4 則留言

  1. 我想是因為瀏覽器限制的關係,目前只有chrome及Firefox可支援.

發佈回覆給「KI」的留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料