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


Posted in Javascript onApril 12, 2013

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

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

代码如下:

var file = $("#file") 
file.after(file.clone().val("")); 
file.remove();
Javascript 相关文章推荐
javascript Split方法,indexOf方法、lastIndexOf 方法和substring 方法
Mar 21 Javascript
Exjs 入门篇
Apr 07 Javascript
读jQuery之十二 删除事件核心方法
Jul 31 Javascript
jquery 插件学习(四)
Aug 06 Javascript
angularjs学习笔记之双向数据绑定
Sep 26 Javascript
jQuery实现的精美平滑二级下拉菜单效果代码
Mar 28 Javascript
JavaScript生成验证码并实现验证功能
Sep 24 Javascript
JS获取IE版本号与HTML设置IE文档模式的方法
Oct 09 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
Dec 01 Javascript
React-Native 组件之 Modal的使用详解
Aug 08 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
Oct 09 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
Aug 27 Javascript
原生js实现查找/添加/删除/指定元素的class
Apr 12 #Javascript
jQuery contains过滤器实现精确匹配使用方法
Apr 12 #Javascript
jQuery插件实现屏蔽单个元素使用户无法点击
Apr 12 #Javascript
Javascript实现滑块滑动改变值的实现代码
Apr 12 #Javascript
基于JavaScript实现 获取鼠标点击位置坐标的方法
Apr 12 #Javascript
用JavaScript获取DOM元素位置和尺寸大小的方法
Apr 12 #Javascript
深入理解JavaScript 闭包究竟是什么
Apr 12 #Javascript
You might like
模拟flock实现文件锁定
2007/02/14 PHP
php简单浏览目录内容的实现代码
2013/06/07 PHP
php基于dom实现读取图书xml格式数据的方法
2017/02/03 PHP
jquery 打开窗口返回值实现代码
2010/03/04 Javascript
JS连接SQL数据库与ACCESS数据库的方法实例
2013/11/21 Javascript
JS实现弹性菜单效果代码
2015/09/07 Javascript
实例详解jQuery结合GridView控件的使用方法
2016/01/04 Javascript
基于JavaScript实现瀑布流效果(循环渐近)
2016/01/27 Javascript
node+express制作爬虫教程
2016/11/11 Javascript
jquery实现弹窗功能(窗口居中显示)
2017/02/27 Javascript
详解使用vue实现tab 切换操作
2017/07/03 Javascript
jQuery选择器之属性过滤选择器详解
2017/09/28 jQuery
JavaScript实现的反序列化json字符串操作示例
2018/07/18 Javascript
[02:51]DOTA2英雄基础教程 风暴之灵
2013/12/23 DOTA
[00:35]可解锁地面特效
2018/12/20 DOTA
[01:55]TI9显影之尘系列 - Evil Geniuses
2019/08/22 DOTA
使用Python读写及压缩和解压缩文件的示例
2016/07/08 Python
Python探索之实现一个简单的HTTP服务器
2017/10/28 Python
python中requests库session对象的妙用详解
2017/10/30 Python
Python Scapy随心所欲研究TCP协议栈
2018/11/20 Python
python实现狄克斯特拉算法
2019/01/17 Python
Python3.5基础之变量、数据结构、条件和循环语句、break与continue语句实例详解
2019/04/26 Python
创建Django项目图文实例详解
2019/06/06 Python
PyTorch加载自己的数据集实例详解
2020/03/18 Python
英国航空官网:British Airways
2016/09/11 全球购物
快时尚眼镜品牌,全国连锁眼镜店:LOHO眼镜生活
2018/10/08 全球购物
中兴通讯全球官方网站:ZTE
2020/12/26 全球购物
工作分析计划书
2014/04/30 职场文书
庆元旦活动总结
2014/07/09 职场文书
2015年度员工自我评价范文
2015/03/11 职场文书
酒桌上的祝酒词
2015/08/12 职场文书
大学生活委员竞选稿
2015/11/21 职场文书
关于元旦的广播稿2016
2015/12/17 职场文书
素质教育培训心得体会
2016/01/19 职场文书
Python连接Postgres/Mysql/Mongo数据库基本操作大全
2021/06/29 Python
Java实现学生管理系统(IO版)
2022/02/24 Java/Android