单图上传改为多图上传，后台就接收不到数据了？

Question

<input type="file" multiple accept="image/png,image/gif,image/jpeg" @change="getFile($event)">     //获取inputgetFile:function(e){    this.file = e.target.files; },//创建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 => {        //创建成功     }) },之前是单图上传的，后台可以接收得到数据。现在需求变了改为多图上传我把this.file = e.target.files[0];改为this.file = e.target.files;按道理应该是这样的吧，可后台就接收不到数据了？

Answer 1

files是数组，要循环append

for(var i = 0;i < this.file.length;i++){
    formData.append('file[]', this.file[i]);
}

Answer 2

按道理应该不是这样，你应该for循环把file[i]依次append进formData

        for (var i = 0; i < this.file.length; i++) {
            formData.append('file', this.file[i]);
        }