Element頁面內多個上傳元件 超時使用abort取消請求

敬往事一杯酒發表於2020-10-22

看element文件可使用abort取消當前上傳圖片的請求,this.$ref.upload.abort()這種。
最近做公司後臺管理 頁面記憶體在多個上傳圖片的元件,但是可能會有上傳超時的情況,這時需要定位到是哪個存在超時情況,從而取消上傳.
例項

<el-upload
    class="avatar-uploader"
    :action="apiurl"
    :show-file-list="false"
    :before-upload="function (file){return beforeUpload(file,'測試',this)}"
    :on-success="handleAvatarSuccess"
  >
    <img v-if="imageUrl" :src="imageUrl" class="avatar">
    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>

使用before-upload繫結函式,引數為程式碼內引數,這裡使用的this指向當前上傳圖片的元件,在函式裡接受到引數後可直接 引數.abort() 取消上傳。

相關文章