解决AntD Vue自定义上传报错reqs[uid].abort is not a function
使用Antd自定义上传文件时报错reqs[uid].abort is not a function解决办法添加以下代码const prom = new Promise((resolve, reject) => {})prom.abort = () => {}return prom
·
使用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)
})
}
更多推荐
已为社区贡献2条内容
所有评论(0)