[解決済み] データ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でも有効)
関連
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] JavaScriptで現在のURLを取得する?
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み] JavaScriptでURLをエンコードする?
-
[解決済み] URLを新しいタブで開く(新しいウィンドウではない)
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] jQueryで現在のURLを取得する?
-
[解決済み] jQueryでフォームデータをJavaScriptオブジェクトに変換する
-
[解決済み] chromedriverでSeleniumを使用していることをWebサイトで検出することは可能ですか?
-
[解決済み] 背景画像データをCSSにBase64で埋め込むのは良い方法ですか、悪い方法ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
HTML+CSS+JavaScriptで簡単な三目並べゲームを作成する。
-
vue ディレクティブ v-html と v-text
-
vueのプロジェクトでモックを使用する方法を知っていますか?
-
[解決済み】GETできない / Nodejsエラー
-
[解決済み】Node.js Error: Cannot find module express
-
[解決済み】JavaScriptエラー(Uncaught SyntaxError: Unexpected end of input)
-
[解決済み】リクエストに失敗していないのに、「TypeError: failed to fetch」が表示される。
-
[解決済み】ReactJSでエラー発生 Uncaught TypeError: Super expression は null か関数でなければならず、undefined ではありません。
-
JavaScriptのgetElementById()メソッド入門
-
jq は html ページとデータを動的に分割する。