用axios结合element的upload进行文件上传

这里来说一下用upload提交文件的两种方式:
  1. 用action='url’方式
  2. 用:http-request方式提交,element官方的解释:http-request 覆盖默认的上传行为,可以自定义上传的实现

第一种体提交方式,直接在action属性中写出后台地址即可,但是这种方式无法获取后台响应结果。当然,如果想了解upload标签的更多属性,可到Element官方文档
要想提交后获取后台的相应结果,应该用第二种方式:


<el-upload class="upload-demo" action="string" :http-request="uploadFile" :limit="1" :show-file-list="false">
	<el-button size="small" type="primary">上传头像</el-button>
</el-upload>
 submit: function (param) {
      const formData = new FormData();
      formData.append("file", param.file);
      this.axios
        .post("http://localhost:8082/file/upload", formData, {
          "Content-type": "multipart/form-data",
        })
        .then((Response) => {        
          console.log(this.response.data);
        });
    },
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值