Element页面内多个上传组件 超时使用abort取消请求

it2025-11-14  12

看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() 取消上传。

最新回复(0)