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

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

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

方法一:来回切换input[type='file']的type属性值,可以是‘text’,'button','button'....,然后再切换回来‘file’

方法二:每次取消图片预览后,重置input[type='file']的value的值,如上图所示。

 

 本文Demo所在Github地址

posted @ 2017-11-02 11:37  web_study  阅读(7305)  评论(1编辑  收藏  举报

哈哈