input file 注意点

事件

file 主要用到 click 和 change 事件,click 是点击后产生,change 是选择文件后属性值改变后产生。一般用到 change 事件.

清空值

IE8+ 不支持改变值为”” 而清空 file 选择文件。可以通过如下方法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var isIE = window.navigator.appName == 'Microsoft Internet Explorer'
if (isIE) {
var inputClone = this.$input.clone(true);
this.$input.after(inputClone);
this.$input.remove();
this.$input = inputClone;
}
这种方式是克隆后替换


或者设置file元素
$("#file")[0].outerHTML = $("#file")[0].outerHTML;
也可以达到清空效果