el-upload通过new FormData()上传带参数的图片

1.一定要包含头文件

'Content-Type': 'multipart/form-data'

2.formData数据和普通参数不能同时传递，否则会报错，并且后端上传图片的接口debug进不来，如果同时要上传图片和对应的id，要把id也写进formData数据中

let fd = new FormData()
fd.append('file', val.file)
fd.append('id', this.id)

3.formData数据之间打印的话是空的，可以通过get来打印formData的数据

console.log(fd.get('file'))

console.log(fd.get('id'))

4.图片上传之后上传按钮消失，如图

上传之前：

上传之后：

解决方法：要设置el-upload属性，:file-list="fileList" ，fileList是一个空的list，每次上传图片之前记得清空，show-file-list属性要设置为true（默认就是true）

这样上传之后就是：