解决 element upload上传图片一次之后，再次上传不生效

最新推荐文章于 2024-08-30 16:41:08 发布

原创最新推荐文章于 2024-08-30 16:41:08 发布 · 1.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

该文章介绍了一个Vue.js组件el-upload的使用，特别是如何在上传成功后清除历史记录的方法。通过设置`:on-success`和`before-upload`属性，结合`this.$refs.uploadImgs.clearFiles()`方法，可以确保每次上传前清空之前的文件列表，允许用户正常上传新的图片。

<el-upload ref='uploadImgs' 
:action="action" 
name="imgFile"	
:show-file-list="false" 
accept="image/jpeg,image/gif,image/png,image/jpg"	
:data="colorData1[index]" 
:multiple="true" 
:on-success="handleAvatarSuccess1" 
:before-upload="beforeColorUpload1"	:limit="1" >

</el-upload>


//调用该方法清除一下历史记录即可正常上传
beforeColorUpload1(){
	this.$refs.uploadImgs.clearFiles(); //上传成功之后清除历史记录
}