element 自定义上传函数,删除文件报错问题

点击删除按钮报错:reqs[uid].abort is not a function

解决方法:

在http-request函数中写上如下代码就不会再报上述错误。:

const prom = new Promise((resolve, reject) => {})
prom.abort = () => {}
return prom

element代码:注意 before-remove需要写

复制代码
<el-upload
        ref="upload"
        class="file-upload"
        :data="extraData"
        :on-remove="delFileList"
        :before-upload="handleBeforeUpload"
        :before-remove="handleRemove"
        :on-success="getSuccessFile"
        :on-exceed="handleExceed"
        :file-list="files"
        :accept="accept.join(',')"
        drag
        :action="action"
        :http-request="uploadS3"
        multiple
        :limit="limit">
        <i class="el-icon-upload"></i>
        <div class="el-upload__text">将文件拖到此处,或
          <em>点击上传</em>
        </div>
        <div class="el-upload__tip" slot="tip">支持{{ accept.join(',') }}文件,{{ limitText }}</div>
      </el-upload>

uploadS3代码:

uploadS3(param) {
    xxxxx
    const prom = new Promise((resolve, reject) => {
    })
    prom.abort = () => {
    }
    return prom
},
handleRemove(){
    console.log('remove');
    this.$refs.upload.clearFiles();
},

 

复制代码
posted @   生命在于折腾Up  阅读(1249)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示