首頁 > web前端 > js教程 > 如何在不使用錨點或伺服器端程式碼的情況下觸發 HTML/JavaScript 檔案下載?

如何在不使用錨點或伺服器端程式碼的情況下觸發 HTML/JavaScript 檔案下載?

Barbara Streisand
發布: 2024-12-03 16:35:18
原創
342 人瀏覽過

How to Trigger File Downloads in HTML/JavaScript Without Using Anchors or Server-Side Code?

如何使用HTML 按鈕或JavaScript 觸發檔案下載

問題:如何在按一下HTML 按鈕或執行時觸發檔案下載JavaScript 不使用錨點、後端腳本或修改伺服器標頭?

HTML方法:

HTML5 下載屬性在套用於錨標記 () 時啟用檔案下載。指定文件的路徑和建議的文件名,如下所示:

限制:

請注意,文件必須與頁面位於同一來源(即相同的網域、子網域、協定和連接埠)。例外情況包括 blob:、data: 和 file:。將 suggest_file_name 留空以使用檔案的實際名稱。

JavaScript 方法:

要透過JavaScript 觸發下載,您可以使用以下程式碼:

此程式碼建立一個隱藏的錨元素,設定其下載屬性,並模擬點擊它來啟動下載。

附加說明:

  • 確保您的伺服器已正確設定以處理檔案下載。
  • 有關更多詳細信息,請參閱有關下載的 MDN 文件、有關下載的 HTML 標準、有關下載屬性的 HTML 標準以及瀏覽器的 CanIUse相容性。

以上是如何在不使用錨點或伺服器端程式碼的情況下觸發 HTML/JavaScript 檔案下載?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板