首頁 > web前端 > js教程 > 如何從不同瀏覽器的資料URL下載檔案?

如何從不同瀏覽器的資料URL下載檔案?

Susan Sarandon
發布: 2024-11-28 00:19:10
原創
460 人瀏覽過

How Can I Download Files from Data URLs in Different Browsers?

透過資料URL 下載檔案

在建立可透過瀏覽器存取的基於JavaScript 的zip 實用程式時,出現了一個關鍵挑戰:從資料URL 下載檔案。雖然 Firefox 可以無縫地處理它,但 Chrome 卻帶來了困難。使用資料 URL 進行文件下載會帶來限制,因為文件可能不會總是圖像。

解決方案

對於 Chrome、Firefox 和某些 IE 版本,有一個解決方案存在。透過利用以下程式碼,使用者可以為下載提供特定的檔案名稱:

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;
}
登入後複製

其用法範例:

downloadURI("data:text/html,HelloWorld!", "helloWorld.txt");
登入後複製

透過此解決方法,使用者可以輕鬆下載檔案具有所需的檔案名,無論其格式為何。

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

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