使用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实战_读书笔记2 选择器
Jan 22 Javascript
利用js实现选项卡的特别效果的实例
Mar 03 Javascript
点击隐藏页面左栏或右栏实现js代码
Apr 01 Javascript
js防止页面被iframe调用的方法
Oct 30 Javascript
JavaScript函数参数使用带参数名的方式赋值传入的方法
Mar 19 Javascript
bootstrap-treeview自定义双击事件实现方法
Jan 09 Javascript
JQuery Mobile实现导航栏和页脚
Mar 09 Javascript
AngularJS基础 ng-mouseleave 指令详解
Aug 02 Javascript
总结十个Angular.js由浅入深的面试问题
Aug 26 Javascript
本地搭建微信小程序服务器的实现方法
Oct 27 Javascript
JavaScrip数组去重操作实例小结
Jun 20 Javascript
Vue实现点击当前行变色
Dec 14 Vue.js
原生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
什么是MVC,好东西啊
2007/05/03 PHP
PHP数组 为文章加关键字连接 文章内容自动加链接
2011/12/29 PHP
采用header定义为文件然后readfile下载(隐藏下载地址)
2014/01/31 PHP
PHP获取栏目的所有子级和孙级栏目的ID号示例
2014/04/01 PHP
php构造函数与析构函数
2016/04/23 PHP
PHP实现一个简单url路由功能实例
2016/11/05 PHP
laravel 错误处理,接口错误返回json代码
2019/10/25 PHP
PHP接入微信H5支付的方法示例
2019/10/28 PHP
setAttribute 与 class冲突解决
2008/02/17 Javascript
jquery.cookie.js使用指南
2015/01/05 Javascript
javasript实现密码的隐藏与显示
2015/05/08 Javascript
AngularJS基础 ng-csp 指令详解
2016/08/01 Javascript
jquery基本选择器匹配多个元素的实现方法
2016/09/05 Javascript
JS实现重新加载当前页面
2016/11/29 Javascript
Bootstrap警告框(Alert)插件使用方法
2017/03/21 Javascript
微信小程序 新建登录页并实现tabBar隐藏
2017/06/13 Javascript
js闭包学习心得总结
2018/04/17 Javascript
微信小程序使用component自定义toast弹窗效果
2018/11/27 Javascript
使用gulp构建前端自动化的方法示例
2018/12/25 Javascript
详解JavaScript 为什么要有 Symbol 类型?
2019/04/03 Javascript
环形加载进度条封装(Vue插件版和原生js版)
2019/12/04 Javascript
javascript单张多张图无缝滚动实例代码
2020/05/10 Javascript
python采集百度搜索结果带有特定URL的链接代码实例
2019/08/30 Python
python 初始化一个定长的数组实例
2019/12/02 Python
Python之字典对象的几种创建方法
2020/09/30 Python
匡威意大利官方商店 :Converse意大利
2018/11/27 全球购物
安全标准化汇报材料
2014/02/03 职场文书
教师个人鉴定材料
2014/02/08 职场文书
人事专员的岗位职责
2014/03/01 职场文书
运输企业安全生产责任书
2014/07/28 职场文书
2014年党务公开工作总结
2014/12/09 职场文书
上课说话检讨书
2015/01/27 职场文书
2015年教师自我评价范文
2015/03/04 职场文书
2015年劳动部工作总结
2015/05/23 职场文书
2019关于垃圾分类处理的调查报告
2019/12/26 职场文书
mysql函数之截取字符串的实现
2022/08/14 MySQL