VUE UPLOAD 通过ACTION返回上传结果

本文介绍如何使用Vue中的Upload组件实现文件上传功能,并通过onSuccess回调处理上传结果,展示错误消息。文章详细解释了如何设置uploadUrl,以及如何在上传成功后检查返回的状态码和消息。

通过Upload 的action方法 返回不了结果,可以通过on-success方法中获取返回结果

<Upload accept=".xls, .xlsx" :action="uploadUrl" :on-success="onSuccess" :on-error="handleError" :before-upload="beforeUpload" style="float:right">

          <Button type="primary" icon="ios-cloud-upload-outline" >导入</Button>

 </Upload>

--------------------------------------------------------------------------------------------------------------

computed: {

     uploadUrl() {       

      return baseUrl + "/ImportExcel/";     

    }

//file为ImportExcel方法返回的结果

onSuccess(file){

       if(file.code=="1")

       {

         this.$Message.error("导入失败:" + file.msg);

         return;

       }            

     },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值