有个需求,vue element ui 上传文件时候,选择新文件时要自动替换之前文件,不需手动删除,
找了半天一直没找到,后来自己弄了下,不知道还有没有更好的办法;
如果有更好的办法欢迎留言!
虽然是单个文件上传,但是不要写 :limit="1"
,
这是重点,如果已经上传了一个文件,再次上传时候就删除之前的文件,然后上传新的文件。
if(uploadFiles.length > 1){
uploadFiles.splice(0,1);
}
<el-upload
ref='uploadFiles'
style="width:100%"
class="upload-demo"
drag
:action="url+'/file/upload'"
name='file_upload'
:headers="{
accessToken: token
}"
:before-upload="beforeAvatarUpload"
:on-success="uploadSuccess"
:on-remove="removeFile"
multiple>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处,或&