ホームページ >ウェブフロントエンド >jsチュートリアル >異なるブラウザ間でデータ URL ファイルを確実にダウンロードするにはどうすればよいですか?
データ 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 サイトの他の関連記事を参照してください。