這是一個常見問題,網頁上提供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在click()和on()之間有什麼區別

click()事件僅在元素被渲染時起作用,並且僅在DOM準備就緒時才附加到加載的元素上。 on()事件是動態附加到DOM元素的,這對將事件附加到在ajax請求,或其他情況下呈現的DOM元素(在DOM準備就緒後)很有用