如何在HTML連結標籤中直接下載PDF文件?

7 月 10, 2019 | | 0 條留言

這是一個常見問題,網頁上提供pdf文件的鏈接供下載,如下所示

<a href="myfile.pdf">Download Brochure</a>

問題是當使用者點擊此鏈接時,會使用同一瀏覽器窗口中,打開該文件給予預覽。 但希望它能直接給使用者下載,不需要再打開預覽文件。

HTML download Attribute

很少有人知道有一個簡單的HTML5 download Attribute解決方案:

<a download="newfilename" href="./directory/yourfile.pdf">Download the pdf</a>

newfilename用戶保存文件的建議文件名在哪裡。如果你把它留空,它將默認為服務器端的文件名,如下所示:

<a download="" href="./directory/yourfile.pdf">Download the pdf</a>

兼容性:Firefox 21和chrome上進行了測試,兩者都運行良好。它可能不適用於HTML5不兼容或過時的瀏覽器。我測試的唯一沒有強制下載的瀏覽器是IE …