使用jQuery清空file文件域的方法

2010-02-21    分类:前端技术    2人评论3,120 views

一般来说,在对一个文件域(input type=”file”)使用了验证后,我们总会希望把文件域中的值给清空了(否则错误的文件仍然会被提交),而在IE中,安全设置的原因,是不允许更改文件域的值的(也就是不能使用val(“”))

那么很显然,我们就只能换个思路,把这个input元素复制一个,然后将原来的删除。
在IE下复制元素的时候,其中的值是不会被复制的,所以就达到了清空文件域的目的了。
而在Firefox下,其中的值也会被一同复制,那么我们就顺便清空一下就做到兼容了。
代码如下:

var file = $(":file");
file.after(file.clone().val(""));
file.remove();

转载请注明:摩登坊 » 使用jQuery清空file文件域的方法

继续查看有关 的文章

2访客评论

  1. Good.

    zumeng08-30 14:56
  2. 不支持克隆,我再看看吧!

    PHP乐知博客12-31 17:23

我来说说

*

*

取消