项目中遇到上传图片,需要本地预览效果,测试时无意间发现,当选择A图片,然后更换为B图片,完全正常;当选择A图片,取消该图片,再测选择A图片后,发现不会再生成预览效果,出现了bug;
查找相关资料后,终于找到了两个解决办法;
方法一:来回切换input[type='file']的type属性值,可以是‘text’,'button','button'....,然后再切换回来‘file’
方法二:每次取消图片预览后,重置input[type='file']的value的值,如上图所示。
本文Demo所在Github地址