使用jQuery清空file文件域的解决方案
2015-08-07 16:38
537 查看
对一个文件域(input type=file)使用了验证后,我们总会希望把文件域中的值给清空了,在IE中,由于安全设置的原因,是不允许更改文件域的值的,接下来为大家介绍一下解决方法
般来说,在对一个文件域(input type=”file”)使用了验证后,我们总会希望把文件域中的值给清空了(否则错误的文件仍然会被提交),而在IE中,安全设置的原因,是不允许更改文件域的值的(也就是不能使用val(“”))
那么很显然,我们就只能换个思路,把这个input元素复制一个,然后将原来的删除。
在IE下复制元素的时候,其中的值是不会被复制的,所以就达到了清空文件域的目的了。
而在Firefox下,其中的值也会被一同复制,那么我们就顺便清空一下就做到兼容了。
代码如下:
般来说,在对一个文件域(input type=”file”)使用了验证后,我们总会希望把文件域中的值给清空了(否则错误的文件仍然会被提交),而在IE中,安全设置的原因,是不允许更改文件域的值的(也就是不能使用val(“”))
那么很显然,我们就只能换个思路,把这个input元素复制一个,然后将原来的删除。
在IE下复制元素的时候,其中的值是不会被复制的,所以就达到了清空文件域的目的了。
而在Firefox下,其中的值也会被一同复制,那么我们就顺便清空一下就做到兼容了。
代码如下:
var file = $("#file") file.after(file.clone().val("")); file.remove();
相关文章推荐
- jQuery实现网页抖动的菜单抖动效果
- jQuery过滤选择器
- jQuery实现高亮显示网页关键词的方法
- JQuery中$.ajax()方法参数详解
- jQuery.extend 函数详解
- jQuery实现信息提示框(带有圆角框与动画)效果
- 一个简单的jQuery插件的写法 tableUI
- 实习小结十:jQuery获取父类class类名,控制不同板块
- jQuery实现仿百度帖吧头部固定导航效果
- Jquery 校验插件
- jQuery日常使用2
- jQuery常规选择器
- Jquery 分页插件
- jQuery插件---jTemplates(模板)
- JQuery学习思维导图版
- jQuery获取HTML元素的坐标
- div 居中(html5+jquery.mobile)
- JQuery简介及HelloWorld
- 实习小结九:jQuery中根据this对象控制多个同一类名标签
- Jquery 异步提交表单(post)