Vue el-upload请求接口,一次上传多个文件踩坑

883 阅读1分钟

1.本地选取文件,利用el-upload的on-change属性,获取到上传的文件对象

2.将file对象传给接口,发现接口报错:不识别这个文件

3.使用input标签,利用input标签的onFileChange属性,获取的文件对象,发现接口就没有问题

4.打印出来两个file对象,发现,el-upload的file为[object object],而input获取的file 的prop直接就是file

解决方法:el-upload获取的对象的raw属性,就是我们想要的file

handleFileChange(file, fileList) {
 this.File.push(fileList[0].raw);//此处必须使用raw获取我们想要的file对象
    },