使用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 相关文章推荐
setTimeout 不断吐食CPU的问题分析
Apr 01 Javascript
一个JS的日期格式化算法示例
Jul 31 Javascript
9行javascript代码获取QQ群成员具体实现
Oct 16 Javascript
firefox下jquery ajax返回object XMLDocument处理方法
Jan 26 Javascript
利用jquery.qrcode在页面上生成二维码且支持中文
Feb 12 Javascript
JavaScript设计模式之抽象工厂模式介绍
Dec 28 Javascript
angular十大常见问题
Mar 07 Javascript
JS学习笔记之原型链和利用原型实现继承详解
May 29 Javascript
layUI实现列表查询功能
Jul 27 Javascript
Vue + Element UI图片上传控件使用详解
Aug 20 Javascript
9个JavaScript日常开发小技巧
Oct 06 Javascript
JavaScript实现网页计算器功能
Oct 29 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
php session实现多级目录存放实现代码
2016/02/03 PHP
Windows2003下php5.4安装配置教程(Apache2.4)
2016/06/30 PHP
php操作mongodb封装类与用法实例
2018/09/01 PHP
ThinkPHP5与单元测试PHPUnit使用详解
2020/02/23 PHP
input、button的不同type值在ajax提交表单时导致的陷阱
2009/02/24 Javascript
js中prototype用法详细介绍
2013/11/14 Javascript
使用命令对象代替switch语句的写法示例
2015/02/28 Javascript
基于Node.js实现nodemailer邮件发送
2016/01/26 Javascript
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
2017/01/04 Javascript
nodejs中全局变量的实例解析
2017/03/07 NodeJs
jquery实现tab键进行选择后enter键触发click行为
2017/03/29 jQuery
将angular-ui的分页组件封装成指令的方法详解
2017/05/10 Javascript
JS中将多个逗号替换为一个逗号的实现代码
2017/06/23 Javascript
angular实现spa单页面应用实例
2017/07/10 Javascript
Vue props用法详解(小结)
2018/07/03 Javascript
js屏蔽退格键(backspace或者叫后退键与F5)
2019/02/10 Javascript
vue中动态select的使用方法示例
2019/10/28 Javascript
vue中上传视频或图片或图片和文字一起到后端的解决方法
2019/12/01 Javascript
vue 动态添加的路由页面刷新时失效的原因及解决方案
2021/02/26 Vue.js
[00:11]战神迅矛
2019/03/06 DOTA
python ChainMap 合并字典的实现步骤
2019/06/11 Python
Django2.1.7 查询数据返回json格式的实现
2020/12/29 Python
Pycharm 跳转回之前所在页面的操作
2021/02/05 Python
HTML5 WebSocket实现点对点聊天的示例代码
2018/01/31 HTML / CSS
Html5饼图绘制实现统计图的方法
2020/08/05 HTML / CSS
Reebok俄罗斯官方网上商店:购买锐步运动服装和鞋子
2016/09/26 全球购物
联想阿根廷官方网站:Lenovo Argentina
2019/10/14 全球购物
一套Java笔试题
2016/08/20 面试题
2013年保送生自荐信格式
2013/11/20 职场文书
大学生职业生涯规划书范文
2014/01/14 职场文书
西安交大自主招生自荐信
2014/01/27 职场文书
高中军训感言1000字
2014/03/01 职场文书
银行优秀员工推荐信
2015/03/24 职场文书
幼儿园重阳节活动总结
2015/05/05 职场文书
2016年“节能宣传周”活动总结
2016/04/05 职场文书
Python自动化之批量处理工作簿和工作表
2021/06/03 Python