解决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)
         })
     }

本文参考文章

最后

以上就是活泼小蚂蚁为你收集整理的解决AntD Vue自定义上传报错reqs[uid].abort is not a function的全部内容，希望文章能够帮你解决解决AntD Vue自定义上传报错reqs[uid].abort is not a function所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。