使用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)
         })
     }

本文参考文章

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐