element UI的上传的属性说明文档说了,action必须得是string类型的,当你只改action的路径,但是接口要传参就会报错,我们必须要加上一个http-request这个属性,原因以下截图。 然后在函数中,请求接口传送参数就可以了
beforeAvatarUploadThree(file) {
let params = new FormData()
params.append("loginId", this.inf.userId);
params.append("projId", this.proproId);
params.append("file", file);
axios({
method:'post',
url:'http://112.126.75.177:8080/eSIM/i/flowSheetPictureFour',
data:params,
headers:{
'content-type':'multipart/form-data'
}
}).then(res => {
console.log(res)
})
.catch(err => {
console.log(err)
})
但是这里不管是上传文件之前的钩子还是上传成功时的钩子,这些我们都是要把整个file参数拿过来。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200426214240525.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3JvY2tfMjM=,size_16,color_FFFFFF,t_70)
一定一定要不管是请求前的注意file整个拿过来,看下图所示: ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200426214110860.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3JvY2tfMjM=,size_16,color_FFFFFF,t_70)
|