JavaScript でデータ URL ファイルを異なるブラウザ間で確実にダウンロードするにはどうすればよいですか?-jsチュートリアル-php.cn

JavaScript でデータ URL ファイルを異なるブラウザ間で確実にダウンロードするにはどうすればよいですか?

Susan Sarandon

リリース： 2024-11-26 05:51:09

オリジナル

892 人が閲覧しました

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

データ URL ファイルのダウンロード

データ URL からファイルをダウンロードする JavaScript の機能は、特に Chrome では制限されています。これは、ブラウザベースの zip ユーティリティの作成など、ブラウザからファイルを直接ダウンロードするプロジェクトに取り組む場合には障害になります。

ただし、両方の Chrome と互換性のある方法でデータ URL ファイルをダウンロードするソリューションが存在します。および Firefox:

ダウンロードリンクの作成

window.location を設定する代わりに、より良いアプローチは、一時的な要素で、その download 属性を目的のファイル名に設定し、その href をデータ URL に設定します。このメソッドは主要なブラウザで機能します:

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;
}

ログイン後にコピー

使用例:

内容が「HelloWorld!」である「helloWorld.txt」という名前のテキストファイルをダウンロードするには、次のコードを使用します:

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

ログイン後にコピー

この回避策は、データ URL ファイルをダウンロードするための信頼できる方法を提供します。ファイル形式またはブラウザの互換性。

以上がJavaScript でデータ URL ファイルを異なるブラウザ間で確実にダウンロードするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。