ホームページ >ウェブフロントエンド >jsチュートリアル >異なるブラウザ間でデータ URL ファイルを確実にダウンロードするにはどうすればよいですか?

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

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-12-07 03:39:11658ブラウズ

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

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

ブラウザベースの zip/unzip ユーティリティの開発の複雑さを調査していると、ダウンロードでの課題に遭遇します。処理されたファイル。 「data:」スキームの使用は Firefox では機能しますが、Chrome では互換性の問題に直面します。これに対処するために、複数のブラウザで機能する代替ソリューションを次に示します。

「downloadURI」関数は、Chrome、Firefox、および一部のバージョンの Internet Explorer でデータ URL ファイルをダウンロードする一貫した方法を提供します。 DOM 内にダウンロード リンクを動的に作成し、「download」属性を使用して目的のファイル名を設定し、ダウンロード プロセスを開始します。完了後、適切なクリーンアップを確保するためにリンクが削除されます。

使用法:

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 からファイルをダウンロードするための堅牢なクロスブラウザー メカニズムを提供できます。これにより、ユーザーはブラウザ内の zip/unzip ユーティリティから抽出されたファイルを簡単に取得できるようになります。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。