鍍金池/ 問答/HTML5  HTML/ 單圖上傳改為多圖上傳,后臺就接收不到數(shù)據(jù)了?

單圖上傳改為多圖上傳,后臺就接收不到數(shù)據(jù)了?

<input type="file" multiple accept="image/png,image/gif,image/jpeg" @change="getFile($event)">
    
//獲取input
getFile:function(e){
    this.file = e.target.files;
},

//創(chuàng)建
creation:function(){
    console.log(this.file);
    let formData = new FormData();
    formData.append('file', this.file);
    formData.append('name', 'tomorrow');
        headers : { 
            'Content-type': 'multipart/form-data'
        }
    })
    .then(res => {
        //創(chuàng)建成功
    })
},

之前是單圖上傳的,后臺可以接收得到數(shù)據(jù)?,F(xiàn)在需求變了改為多圖上傳
我把

this.file = e.target.files[0];

改為

this.file = e.target.files;

按道理應(yīng)該是這樣的吧,可后臺就接收不到數(shù)據(jù)了?

回答
編輯回答
莫小染

files是數(shù)組,要循環(huán)append

for(var i = 0;i < this.file.length;i++){
    formData.append('file[]', this.file[i]);
}
2017年9月11日 23:50
編輯回答
獨(dú)白

按道理應(yīng)該不是這樣,你應(yīng)該for循環(huán)把file[i]依次append進(jìn)formData

        for (var i = 0; i < this.file.length; i++) {
            formData.append('file', this.file[i]);
        }
2018年1月19日 11:09