1. ホーム
  2. javascript

[解決済み] データURLファイルのダウンロード

2022-03-12 06:39:33

質問

私は、誰もがブラウザからアクセスできる、完全にJavaScriptベースのzip/unzipユーティリティを作るというアイデアで遊んでいます。ブラウザに直接ZIPをドラッグすれば、その中のすべてのファイルをダウンロードすることができます。また、個々のファイルをドラッグして新しいZIPファイルを作成することもできます。

サーバーサイドでやった方がいいのは分かっているのですが、このプロジェクトはちょっとした遊び心でやっています。

ブラウザにファイルをドラッグするのは、いろいろな方法を駆使すれば簡単なはずなんです。(Gmail風)

エンコード/デコードはうまくいけば問題ないはずです。as3のzipライブラリをいくつか見たことがあるので、それで大丈夫だと思います。

私の問題は、最後にファイルをダウンロードすることです。

window.location = 'data:jpg/image;base64,/9j/4AAQSkZJR....' 

は、Firefoxでは正常に動作しますが、Chromeでは動作しません。

クロームでファイルを画像として埋め込むには <img src="data:jpg/image;ba.." /> しかし、ファイルは必ずしも画像である必要はありません。しかし、ファイルは必ずしも画像とは限りません。

どなたか、他の解決策や回避策を思いつく方はいらっしゃいませんか?

解決方法は?

アイデア

  • を試してみてください。 <a href="data:...." target="_blank"> (未検証)

  • 使用方法 ダウンロード化 データURLの代わりに (IEでも有効)