使用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
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)
})
}
本文参考文章