使用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 相关文章推荐
利用js读取动态网站从服务器端返回的数据
Feb 10 Javascript
wap浏览自动跳转到wap页面的js代码
May 17 Javascript
html的DOM中Event对象onabort事件用法实例
Jan 21 Javascript
jQuery通过Ajax返回JSON数据
Apr 28 Javascript
JS平滑无缝滚动效果的实现代码
May 06 Javascript
Bootstrap中datetimepicker使用小结
Dec 28 Javascript
浅谈js中的this问题
Aug 31 Javascript
利用JavaScript缓存远程窃取Wi-Fi密码的思路详解
Nov 05 Javascript
JavaScript判断对象和数组的两种方法
May 31 Javascript
详解如何在Vue项目中发送jsonp请求
Oct 25 Javascript
layui前端时间戳转化实例
Nov 15 Javascript
微信小程序如何实现点击图片放大功能
Jan 21 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模板之Phpbean的目录结构
2008/01/10 PHP
PHP利用hash冲突漏洞进行DDoS攻击的方法分析
2015/03/26 PHP
8个PHP数组面试题
2015/06/23 PHP
php实现异步数据调用的方法
2015/12/24 PHP
PHP实现更改hosts文件的方法示例
2017/08/08 PHP
thinkPHP5项目中实现QQ第三方登录功能
2017/10/20 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
启用OPCache提高PHP程序性能的方法
2019/03/21 PHP
php加速缓存器opcache,apc,xcache,eAccelerator原理与配置方法实例分析
2020/03/02 PHP
JavaScript中九种常用排序算法
2014/09/02 Javascript
javascript将数字转换整数金额大写的方法
2015/01/27 Javascript
浅谈JavaScript中指针和地址
2015/07/26 Javascript
基于jQuery实现响应式圆形图片轮播特效
2015/11/25 Javascript
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
2016/06/21 Javascript
简单的jQuery拖拽排序效果的实现(增强动态)
2017/02/09 Javascript
基于js 本地存储(详解)
2017/08/16 Javascript
基于element-ui组件手动实现单选和上传功能
2018/12/06 Javascript
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
2019/05/10 Javascript
Angular6使用forRoot() 注册单一实例服务问题
2019/08/27 Javascript
vue+axios实现post文件下载
2019/09/25 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
详解React 条件渲染
2020/07/08 Javascript
vue 组件之间事件触发($emit)与event Bus($on)的用法说明
2020/07/28 Javascript
vue实现移动端H5数字键盘组件使用详解
2020/08/25 Javascript
图文详解WinPE下安装Python
2016/05/17 Python
Python+matplotlib实现华丽的文本框演示代码
2018/01/22 Python
一些Centos Python 生产环境的部署命令(推荐)
2018/05/07 Python
Python模拟百度自动输入搜索功能的实例
2019/02/14 Python
解决python flask中config配置管理的问题
2019/07/26 Python
Pandas DataFrame中的tuple元素遍历的实现
2019/10/23 Python
python实现飞船大战
2020/04/24 Python
技术总监管理职责范本
2014/03/06 职场文书
拾金不昧表扬稿
2015/01/16 职场文书
2015年财务科工作总结范文
2015/05/13 职场文书
迎新生欢迎词2015
2015/07/16 职场文书
Kubernetes中Deployment的升级与回滚
2022/04/01 Servers