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

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

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

HTML <a> download Attribute

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

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

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

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

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

您也可能喜歡這些文章

jQuery parent()應用層級元素的父親、阿公都來了

jQuery選取元素時,可以使用到parent(),選擇層級元素的上階層級,但往往需要在選取在上一階層,如父親的父親(阿公),如範例<li>的爸爸<ul>,<ul>的爸爸<nav>,要對<nav>做些事情時,要如何處理?...