element|element Upload 上传文件只能上传一次 ,再次点击上传无反应的问题的坑
element Upload 上传文件只能上传一次 ,再次点击上传无反应的问题的坑
今天在开发的时候,文件上传都没有问题,但是修改文件数据后,再次上传图片就无反应了.
导致整个问题的原因是因为你没有清除当前 fileList,导致它一直保存这你第一次上传文件的信息,只要你把他一刀切掉就好了!
那么问题来了,应该怎么清除呢!所以要想继续上传文件,就需要在on-success钩子函数中通过ef 拿到它的document元素进行清除已经上传的文件
看下面的代码:
点击上传
只能上传jpg/png文件,且不超过500kb
在方法中这样写:
handleSuccess(res, file) {
this.$refs.upload.clearFiles();
//上传成功之后清除历史记录
}
这样就能解决你不能继续长传的问题了!
小结: 【element|element Upload 上传文件只能上传一次 ,再次点击上传无反应的问题的坑】这样我们就可以通过admin模板来做我们的项目了, js高程第四版链接: https://pan.baidu.com/s/18P8k... 可以加公众号获取提取码.
若有不懂的地方,请加q群147936127交流或者vx: ltby52119,谢谢~
推荐阅读
- 基于|基于 antd 风格的 element-table + pagination 的二次封装
- iview|iview upload 动态改变上传参数
- Spring|Spring Cloud Feign实现文件上传下载的示例代码
- 文件上传与Koa2
- thinkphp3.2下实现阿里云视频点播实例(客户端JavaScript上传)
- element源码学习二(dev)
- 微信小程序上传图片的方法
- 命令行上传小程序版本至微信后台
- 如何将图片上传到七牛云平台()
- iOS|iOS 高效开发必备技巧之自动化打包(shell xcode11 上传App Store 蒲公英等平台)