码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-11-02 13:18:06      阅读:265      评论:0      收藏:0      [点我收藏+]

标签:images   技术   .com   str   图片预览   更换   项目   重置   src   

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

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

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

技术分享

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

 

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

标签:images   技术   .com   str   图片预览   更换   项目   重置   src   

原文地址:http://www.cnblogs.com/web-wjg/p/7771412.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!