首页 > 技术文章 > 用jQuery重置用于文件上传的input (type="file")

jameshappy 2016-09-26 06:20 原文

页面中有如下标签:

<input type="file" id="upload"/>

此标签本用于文件上传,现在有需要将其值重置为空。于是想当然地写出如下代码:
$('#upload').val('');

但经测试,该处理方法对IE无效,因为IE不允许javascript改变type为file的input的值,又是让人蛋疼的IE。。。

在浏览器兼容性方面本人是白痴一个,遂放狗一搜,有解决方案如下:

    

if(ie) {    // 此处判断是否是IE
$('#upload').replaceWith($('#upload').clone(true));
} else {
$('#upload').val('');
}

解决方案简单优雅,记于此,欢迎有需要的童鞋来此围观。

转自:http://www.cnblogs.com/ini_always/archive/2012/02/29/2374575.html

推荐阅读