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