[解決済み] オブジェクトURLからファイルやブロブを取得する方法は?
2022-04-14 10:37:20
質問
ドラッグ&ドロップやその他の方法で、ユーザーがページに画像を読み込むことができるようにしています。 画像がドロップされたとき、私は
URL.createObjectURL
を使用してオブジェクトURLに変換し、画像を表示させています。 URLは再利用しているので、失効はしていません。
そのため、いざ作成するとなると
FormData
オブジェクトを作成し、それらの画像を含むフォームをアップロードできるようにしたいのですが、そのオブジェクトの URL を
Blob
または
File
に追加することができます。
FormData
オブジェクトを作成できますか?
解決方法は?
現代の解決策
let blob = await fetch(url).then(r => r.blob());
urlは、オブジェクトurlまたは通常のurlになります。
関連
-
JavaScriptにおけるマクロタスクとミクロタスクの詳細
-
Vueのフォームイベントのデータバインディングの説明
-
[解決済み】JavaScript TypeError: null のプロパティ 'style' を読み取ることができない
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] JavaScriptのオブジェクトが空であることをテストするにはどうすればよいですか?
-
[解決済み] JavaScriptで現在のURLを取得する?
-
[解決済み] JavaScriptのオブジェクトをループスルーまたは列挙するにはどうすればよいですか?
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
Vueはランニングライト形式のテキストを水平方向にスクロールする機能を実装している
-
vue for 登録ページ効果 vue for sms 認証コードログイン
-
vueのプロジェクトでモックを使用する方法を知っていますか?
-
[解決済み】ローカルファイルを開くことができません - Chrome: ローカルリソースの読み込みが許可されていない
-
[解決済み] 配列の結合時に未定義のプロパティ 'push' を読み込むことができない
-
[解決済み] TypeError: $.ajax(...) is not a function?
-
[解決済み】エラー。Ionic使用中にモジュール '../lib/utils/unsupported.js' が見つかりませんでした。
-
モジュールのビルドに失敗しました。Error: ENOENT: no such file or directory, scandir 'D:\.... \node_modules
-
[解決済み] react jsでファイルをダウンロードする方法
-
[解決済み】BLOBをBase64に変換する