如何使用 HTML 按鈕或 JavaScript 觸發文件下載？

從 HTML 按鈕或 JavaScript 觸發檔案下載

在 Web 開發中，通常需要提供使用者下載檔案的功能。而傳統的 HTML 帶有 href 屬性的錨標記通常用於此目的，您可能會遇到想要使用按鈕或 JavaScript 觸發下載的情況。

方法 1：使用 HTML5 下載屬性

要使用 HTML 按鈕觸發檔案下載，您可以使用 HTML5 下載屬性。此屬性指定在儲存檔案時要使用的檔案名，並與 一起使用。和

<button type="button" download="file.doc">Download!</button>

方法 2：透過 JavaScript 觸發下載

您也可以使用 JavaScript 以程式方式觸發檔案下載。但是，此方法需要稍微不同的方法。您可以將 window 物件的 location.href 屬性設定為檔案的 URL，並將檔案名稱新增至 a 元素的 download 屬性中，而不是使用 href 屬性。

$("#fileRequest").click(function() {
  location.href = "file.doc";
  $("a").attr("download", "proposed_file_name");
});

其他注意事項

• 請記住，檔案的路徑必須與頁面同源（即共享相同的網域、子網域、協議和連接埠）。
• 如果未指定檔案名，將使用正在下載的檔案的預設檔名。
• 大多數支援下載屬性現代瀏覽器，儘管其行為可能略有不同。

以上是如何使用 HTML 按鈕或 JavaScript 觸發文件下載？的詳細內容。更多資訊請關注PHP中文網其他相關文章！