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

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

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

HTML <a> download Attribute

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

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

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

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

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

您也可能喜歡這些文章

Copyright © 2018 ucamc