input标签，多次上传一个文件无法重复显示问题

最新推荐文章于 2022-06-08 12:00:35 发布

funnykk

最新推荐文章于 2022-06-08 12:00:35 发布

阅读量297

点赞数

分类专栏： javaScript 文章标签： javascript vue.js

本文链接：https://blog.csdn.net/weixin_43923903/article/details/114985350

版权

javaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

问题：
多次上传一个图片，只显示一张图片。删除上传过的图片，再次上传则失败。
原因：
因为事件写在@change方法里面，该方法只有当选中的文件内容有变化时，才会触发，上传同一文件不会产生变化，当然不会触发~~~
解决方案：
在方法里的最后追加一行e.target.value = ''，（或者this.$refs.picFile.value = '' 具体看自己的代码）我是以这种方式获取文件的：this.$refs.file.files[0]，所以用的括号里面的写法。
然后再次调用@change的时候，就会再次触发了~