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

データ 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 中国語 Web サイトの他の関連記事を参照してください。