form表单input file类型的重置

我们知道form表单的dom中有一个reset方法，通过

document.getelemetbyid('yourform').reset()可以重置表单。

Jquery对象没有reset方法，所以jquery的重置也是通过dom的reset方法完成，即

$('yourform')[0].reset()

 

对于form表单的input file类型的元素，在其他主流浏览器中通过form的reset方法完全可以重置

但是IE9以及以下对input file类型，reset无法重置。查了一些资料据说是处于安全考虑。。bug就bug嘛，也是有点醉

解决方法是clone该input然后删除它。IE下clone不会保留原值，达到重置的目的

 

var file = $('#yourinputfile');
file.after(file.clone().val(""));
file.remove();