解决AntD Vue自定义上传报错reqs[uid].abort is not a function

使用Antd自定义上传文件时报错reqs[uid].abort is not a function解决办法

一、HTML部分

  • 参数说明
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
<a-upload-dragger name="file" :multiple="false" :customRequest="customRequest">
       <div v-show="!spinActive">选择或拖拽上传文件,2MB以内</div>
</a-upload-dragger>

一、javascript部分

  • 下方代码为解决报错核心代码
const prom = new Promise((resolve, reject) => {})
prom.abort = () => {}
return prom
  • 完整的javascript代码
customRequest (data) {
       const formData = new FormData()
       formData.append('file', data.file)
       formData.append('token', 'token')
       this.axios({
         method: 'post', //请求方式
         url: '/upload', //请求地址
         headers: this.getHeaders(), //设置请求头
         data: formData
       })
         .then(res => {
           // 在此处理后台返回的数据
           // 为promise添加about方法移除自定义上传文件报错
           const prom = new Promise((resolve, reject) => {})
           prom.abort = () => {}
           return prom
         })
         .catch(err => {
           console.log('上传文件失败', err)
         })
     }

本文参考文章

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值