這是一個常見問題,網頁上提供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 ...

您也可能喜歡這些文章

CSS中使圖片白色背景轉透明

如果背景顏色為白色,有一種方法可以使用CSS混合模式,添加mix-blend-mode: multiply;CSS屬性: img{ mix-blend-mode: multiply; }

解決非同步使用Javascript callback() 回調函數

callback() 回調函數是一個作為參數傳遞給另一個函數的函數,然後在外部函數中調用該函數來完成某種例程或動作。 callback()簡單的例子: function greeting(name) { alert('Hello ' + name); } function processUserInput(callback) { var name = prompt('Please...