使用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 相关文章推荐
jQuery实战之仿淘宝商城左侧导航效果
Apr 12 Javascript
扩展JavaScript功能的正确方法(译文)
Apr 12 Javascript
跨浏览器的事件对象介绍
Jun 27 Javascript
给页面渲染时间加速 干掉Dom Level 0 Event
Dec 19 Javascript
js 实现的可折叠留言板(附源码下载)
Jul 01 Javascript
JavaScript里实用的原生API汇总
May 14 Javascript
JavaScript学习笔记之DOM基础 2.4
Aug 14 Javascript
JavaScript中获取时间的函数集
Aug 16 Javascript
Vue动态创建注册component的实例代码
Jun 14 Javascript
微信小程序实现张图片合成为一张并下载
Jul 16 Javascript
VUEX 数据持久化,刷新后重新获取的例子
Nov 12 Javascript
JavaScript实现显示和隐藏图片
Apr 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截取中文字符串的问题
2006/07/12 PHP
PHP的宝库目录--PEAR
2006/10/09 PHP
php摘要生成函数(无乱码)
2012/02/04 PHP
PHP闭包定义与使用简单示例
2018/04/13 PHP
Javascript 陷阱 window全局对象
2008/11/26 Javascript
利用jquery操作select下拉列表框的代码
2010/06/04 Javascript
JQuery实现倒计时按钮的实现代码
2012/03/23 Javascript
js中使用replace方法完成某个字符的转换
2014/08/20 Javascript
JavaScript动态添加列的方法
2015/03/25 Javascript
浅谈Javascript中substr和substring的区别
2015/09/30 Javascript
跟我学习javascript的this关键字
2020/05/28 Javascript
JavaScript获取ul中li个数的方法
2017/02/13 Javascript
使用Xcache缓存器加速PHP网站的配置方法
2017/04/22 Javascript
详解React 16 中的异常处理
2017/07/28 Javascript
Node.js 基础教程之全局对象
2017/08/06 Javascript
vue-resource请求实现http登录拦截或者路由拦截的方法
2018/07/11 Javascript
JS实现的tab页切换效果完整示例
2018/12/18 Javascript
详解express使用vue-router的history踩坑
2019/06/05 Javascript
Nodejs实现微信分账的示例代码
2021/01/19 NodeJs
Windows系统下多版本pip的共存问题详解
2017/10/10 Python
Python xlwt设置excel单元格字体及格式
2020/04/18 Python
Python实现PS图像抽象画风效果的方法
2018/01/23 Python
python 列表输出重复值以及对应的角标方法
2019/06/11 Python
Python中__repr__和__str__区别详解
2019/11/07 Python
在ipython notebook中使用argparse方式
2020/04/20 Python
基于Python模拟浏览器发送http请求
2020/11/06 Python
python使用scapy模块实现ping扫描的过程详解
2021/01/21 Python
canvas里面如何基于随机点绘制一个多边形的方法
2018/06/13 HTML / CSS
纺织工程专业个人求职信范文
2014/01/27 职场文书
电脑专业个人求职信范文
2014/02/04 职场文书
车辆转让协议书
2014/04/15 职场文书
汉语专业毕业生自荐信
2014/07/06 职场文书
我的梦想演讲稿500字
2014/08/21 职场文书
收银员岗位职责
2015/02/03 职场文书
质量保证书怎么写
2015/02/27 职场文书
任命书格式模板
2015/09/22 职场文书