自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

上一步保存

Dark2End的博客

原创 input输入框file类型选择同样输入框第二次不触发onchange事件的解决办法

网上大部分说法是因为选择一次后onchange事件没有绑定到input标签上,解决办法是拷贝一份input标签的副本,每次选择后对原input标签进行替换.后来发现只需要在选择一次后将input标签的value属性置为空即可,即$(‘#input’).val(”),简单粗暴有效

2017-01-10 09:32:17 10282 12

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

Dark2End CSDN认证博客专家 CSDN认证企业博客

码龄8年

暂无认证

IP 属地：广东省

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）

1: 原创

152万+: 周排名

183万+: 总排名

1万+: 访问

: 等级

122: 积分

0: 粉丝

2: 获赞

12: 评论

0: 收藏

私信

关注

分类专栏

前端 1篇

最新评论

input输入框file类型选择同样输入框第二次不触发onchange事件的解决办法
Tisfy: 我曾经惊讶于李杜的诗才，但才发现此文甚妙！
input输入框file类型选择同样输入框第二次不触发onchange事件的解决办法
我的网名十三个字不信你数数: 大哥这个加在哪？
input输入框file类型选择同样输入框第二次不触发onchange事件的解决办法
我的网名十三个字不信你数数: [code=javascript] var fileInput = document.querySelector('input[type=file]'); a = document.getElementById("put").getElementsByTagName("img"); fileInput.addEventListener('change', function () { var file = this.files[0]; var reader = new FileReader(); reader.addEventListener("load", function () { a[0].style.display = "block"; a[0].src = reader.result; }, false); reader.readAsDataURL(file); $('#file').val('') }, false); console.log(fileInput); // 上传图片这次是下边的 var fileInput1 = document.querySelector('input[type=file]'); b = document.getElementsByTagName("img"); fileInput1.addEventListener('change', function () { var file = this.files[0]; var reader = new FileReader(); reader.addEventListener("load", function () { a[0].style.display = "block"; a[0].src = reader.result; }, false); reader.readAsDataURL(file); }, false); [/code]
input输入框file类型选择同样输入框第二次不触发onchange事件的解决办法
Corner_luo 回复宠溺的笑。: 我这里也是不会触发onchange，清空之后
input输入框file类型选择同样输入框第二次不触发onchange事件的解决办法
跨海之梦回复宠溺的笑。: 可以的啊