【案例4】element Upload 上传文件只能上传一次 ，再次点击上传无反应的问题_on-exceed不生效

element Upload 上传文件只能上传一次 ，再次点击上传无反应的问题

今天在开发的时候,文件上传都没有问题,但是修改文件数据后,再次上传时就没有反应了，导致整个问题的原因是因为你没有清除当前 fileList，导致它一直保存这你第一次上传文件的信息，只要你把他一刀切掉就好了！

那么问题来了，应该怎么清除呢！所以要想继续上传文件，就需要在on-success钩子函数中通过ref 拿到它的document元素进行清除已经上传的文件 看下面的代码：

<el-upload
   class="upload-demo"
   ref='upload'
   action="https://jsonplaceholder.typicode.com/posts/"
  :on-preview="handlePreview"
  :on-remove="handleRemove"
  :before-remove="beforeRemove"
  :on-success="handleSuccess"
   multiple
  :limit="3"
  :on-exceed="handleExceed"
  :file-list="fileList">
   <el-button size="small" type="primary">点击上传</el-button>
   <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
 </el-upload>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

在上传成功的方法中这样写:

handleSuccess(res, file) {
  this.$refs.upload.clearFiles() //上传成功之后清除历史记录
}
1
2
3

这样就能解决你不能继续上传的问题了！