【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’);
}

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

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