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

3次阅读

共计 839 个字符,预计需要花费 3 分钟才能阅读完成。

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,谢谢~

正文完
 0