关于前端:element-Upload-上传文件只能上传一次-再次点击上传无反应的问题的坑

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

明天在开发的时候,文件上传都没有问题,然而批改文件数据后,再次上传图片就无反馈了.
导致整个问题的起因是因为你没有革除以后 fileList，导致它始终保留这你第一次上传文件的信息，只有你把他一刀切掉就好了！

那么问题来了，应该怎么革除呢！所以要想持续上传文件，就须要在on-success钩子函数中通过ef 拿到它的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>

在办法中这样写:

handleSuccess(res, file) {
    this.$refs.upload.clearFiles(); //上传胜利之后革除历史记录
  }

这样就能解决你不能持续长传的问题了！

小结：

这样咱们就能够通过admin模板来做咱们的我的项目了, js高程第四版链接: https://pan.baidu.com/s/18P8k… 能够加公众号获取提取码.

若有不懂的中央，请加q群147936127交换或者vx: ltby52119，谢谢~