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

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

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

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


点击上传
只能上传jpg/png文件,且不超过500kb

在方法中这样写:

handleSuccess(res, file) {
    this.$refs.upload.clearFiles(); //上传成功之后清除历史记录
  }
这样就能解决你不能继续长传的问题了!

小结:

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

若有不懂的地方,请加q群147936127交流或者vx: ltby52119,谢谢~

你可能感兴趣的:(element Upload 上传文件只能上传一次 ,再次点击上传无反应的问题的坑)