教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 使用jQuery清空file文件域的解决方案

使用jQuery清空file文件域的解决方案

发布时间:2013-12-13   编辑:jiaochengji.com
对一个文件域(input type=file)使用了验证后,我们总会希望把文件域中的值给清空了,在IE中,由于安全设置的原因,是不允许更改文件域的值的,接下来为大家介绍一下解决方法
般来说,在对一个文件域(input type=”file”)使用了验证后,我们总会希望把文件域中的值给清空了(否则错误的文件仍然会被提交),而在IE中,安全设置的原因,是不允许更改文件域的值的(也就是不能使用val(“”))

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

代码如下:
复制代码 代码如下:

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

您可能感兴趣的文章:
使用jQuery清空file文件域的解决方案
jquery 清空file域示例(兼容个浏览器)
IE6下溢出多余文字解决方案Iebug
php ajax实现多域名跨域登录例子(基于P3P)
JQuery Ajax 跨域访问的解决方案
jQuery 跨域访问问题解决方法
jquery下异步提交表单 异步跨域提交表单
JQuery的Ajax跨域请求原理概述及实例
帝国cms 二级域名绑定栏目的解决方案
AJAX的跨域与JSONP(为文章自动添加短址的功能)

关键词: jQuery  file  文件域   
[关闭]
~ ~