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

上传图片删除后,不能上传同一张图片的解决方法

时间:2020-03-17 19:19:49      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:file   val   size   onchange   方式   上传图片   删除   loader   style   

js上传一张图片后, 删除后, 不能再次上传该图片, 用户体验不是很好
<div class="uploader-input-box">
    <input class="uploader-input" id="uploader-input" name="imgurl" type="file">
</div>

解决方式
  修改input的value值
$(‘#uploader-input‘).val(‘‘);

为什么会出现这种问题
  1.我们在上传图片时,监听的是$(#uploader-input)的change事件;
  2.change事件会在内容改变且失去焦点时触发;
  3.第二次上传的图片还是上一次的图片的话,就不会触发这个onchange事件,从而导致图片上传失败

上传图片删除后,不能上传同一张图片的解决方法

标签:file   val   size   onchange   方式   上传图片   删除   loader   style   

原文地址:https://www.cnblogs.com/zjxiang008/p/12512415.html

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