首页 > 代码库 > input file 添加图片预览 绑定onchange执行函数 重复添加不执行onchange函数
input file 添加图片预览 绑定onchange执行函数 重复添加不执行onchange函数
问题描述:
input file上传图片 绑定了onchange执行函数,是在选择的图片发生变化时才会触发onchange的函数。当我们添加图片并预览时,遇到添加同一张图片或者,添加后删除再添加同一张图片时,不会触发onchange事件。
解决方法:
1.在执行的onchange里的函数最后重新生成一段input file html代码替换掉原来的input file
$(‘#cFile‘).replaceWith(‘<input type="file" id="cFile" accept="image/*" multiple onchange="javascript:setImagePreview1();" style="filter:alpha(opacity=0); opacity:0;width:30px;height:30px;position: absolute;left: 0px; overflow: hidden;"/> ‘)
2.写个函数绑定input file 的click事件
input file 添加图片预览 绑定onchange执行函数 重复添加不执行onchange函数
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。