Input file上传重复文件不调用onchange事件

用input file上传文件,掉用onchange方法时,第二次点击相同的文件,上传框内容同名导致函数功能失效

input[type=file]使用的是onchange去做,onchange监听的为input的value值,只有再内容发生改变的时候去触发,而value在上传文件的时候保存的是文件的内容,只需要在上传成功的回调里面,将当前input的value值置空即可。event.target.value=“”;

上面的方法对于Google内核适用,但是IE可能不会生效,针对IE10可以尝试

var obj =document.getElementById(‘id’) ;

if(obj.outerHTML){ //IE重置表单不能清空file值
obj.outerHTML=obj.outerHTML;
}

增加到你对重复上传判断的函数体内即可。

然后绑定此input的onchange事件即可正常触发和清空。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值