input file 重复上传同一张图片失效的解决办法

项目中遇到上传图片,需要本地预览效果,测试时无意间发现,当选择A图片,然后更换为B图片,完全正常;当选择A图片,取消该图片,再测选择A图片后,发现不会再生成预览效果,出现了bug;

查找相关资料后,终于找到了两个解决办法;

方法一:来回切换input[type=’file’]的type属性值,可以是‘text’,’button’,’button’….,然后再切换回来‘file’
这里写图片描述
方法二:每次取消图片预览后,重置input[type=’file’]的value的值,如上图所示。

猜你喜欢

转载自blog.csdn.net/zd717822023/article/details/78563941