`
luolonghao
  • 浏览: 118087 次
  • 性别: Icon_minigender_1
  • 来自: Shanghai
社区版块
存档分类
最新评论

input file控件onchange事件解决方案

 
阅读更多
问题:

在IE上选择相同文件时无法触发onchange事件,inputFile.value = ''也没用。


解决方案:

新建一个form,将input file放在form里,form.reset(),最后把form移除。

// 例子是基于jQuery,原生或其它类库思路一样
var tempForm = document.createElement('form');
$(inputFile).before(tempForm);
$(tempForm).append(inputFile);
tempForm.reset();
$(tempForm).after(inputFile);
$(tempForm).remove();


还有一个方法是移除input file后重新创建,但这个会丢失已绑定的相关事件,不太好用。
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics