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)
这样上传之后就是: