首頁 >web前端 >js教程 >如何在不同瀏覽器中可靠地下載 JavaScript 中的資料 URL 檔案?

如何在不同瀏覽器中可靠地下載 JavaScript 中的資料 URL 檔案?

Susan Sarandon
Susan Sarandon原創
2024-11-26 05:51:09876瀏覽

How Can I Reliably Download Data URL Files in JavaScript Across Different Browsers?

下載資料 URL 檔案

JavaScript 從資料 URL 下載檔案的能力是有限的,尤其是在 Chrome 中。當處理涉及直接從瀏覽器下載檔案的專案時,這會成為一個障礙,例如建立基於瀏覽器的 zip 實用程式。

但是,有一個解決方案,可以以與Chrome 和Chrome 相容的方式下載資料URL 檔案和Firefox:

建立下載連結

建立下載連結
function downloadURI(uri, name) {
  var link = document.createElement("a");
  link.download = name;
  link.href = uri;
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
  delete link;
}

與其設定window.location,更好的方法是建立一個臨時的;元素,將其download 屬性設定為所需的檔名,並將其href設定為資料 URL。此方法適用於主要瀏覽器:

用法範例:
downloadURI("data:text/html,HelloWorld!", "helloWorld.txt");

要下載名為「helloWorld.txt」且內容為「HelloWorld!」的文字文件,使用以下程式碼:此解決方法提供了一種可靠的方法來下載資料URL文件,無論文件格式如何或瀏覽器相容性。

以上是如何在不同瀏覽器中可靠地下載 JavaScript 中的資料 URL 檔案?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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