【javascript】FormDataでfilenameを指定する方法

FormDataではオブジェクトを代入するときにkey,value,filenameとそれぞれ

指定することができます。

androidでは問題ないのですがiosでinput fileでfilenameを指定せずにファイルオブジェクトを取得すると

fileObjectの中のnameが”blob”という文字になってしまいバックエンドで重複エラーを起こす可能性があります。

iosとandroidを両立するハイブリッドアプリでよく起きる事故なので、input fileで画像を

扱う際はkey,value,filenameと必ず三点付けて送りましょう。

例↓


let data = new FormData();
for (let i = 0; i < images.length; i++) {
data.append(“images[” + i + ‘]’, images[i],i + ‘.jpg’);
}


バックエンドでも良いのですが、フロントエンドで一度名前をつけておきたい場合は

こちらも併用しましょう。

>株式会社シーポイントラボ

株式会社シーポイントラボ

TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:〒432-8003
   静岡県浜松市中央区和地山3-1-7
   浜松イノベーションキューブ 315
※ご来社の際はインターホンで「316」をお呼びください

CTR IMG