elementUI上传文件、及属性action遇坑

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参数拿过来。
在这里插入图片描述

一定一定要不管是请求前的注意file整个拿过来,看下图所示:
在这里插入图片描述

  • 3
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值