首頁  >  文章  >  web前端  >  如何確保 PDF 可一鍵下載,避免在瀏覽器中開啟?

如何確保 PDF 可一鍵下載,避免在瀏覽器中開啟?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-10-23 01:05:31346瀏覽

How to Ensure PDFs Are Downloadable in One Click, Circumventing In-Browser Opening?

只需點擊一下即可下載PDF:避免在瀏覽器內開啟

在Web 程式設計領域,控制使用者與檔案的互動至關重要提供無縫體驗。一個常見的要求是找到一種方法使 PDF 連結可下載,而不是在瀏覽器中自動開啟。以下是實現此所需行為的逐步指南:

HTML5 救援:引入下載屬性

使用 HTML5,此功能現在可以輕鬆使用。關鍵在於將「download」屬性新增至 PDF 檔案的 a 元素。以下是一個範例:

<code class="html"><a href="http://link/to/file" download="FileName">Download it!</a></code>

透過指定具有所需文件名稱的「下載」屬性,瀏覽器將提示使用者下載文件,而不是在瀏覽標籤中開啟它。這為專門打算在本地保存 PDF 的用戶提供了更人性化和直觀的體驗。

靈感來源

這項技術的知識源自於寶貴的資源:

  • http://updates.html5rocks.com/ 2011/08/Downloading-resources-in-HTML5-a-download

以上是如何確保 PDF 可一鍵下載,避免在瀏覽器中開啟?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn