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();
},

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM