使用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 checkbox,radio是否选中的判断代码
Mar 20 Javascript
仅Firefox中链接A无法实现模拟点击以触发其默认行为
Jul 31 Javascript
javascript是怎么继承的介绍
Jan 05 Javascript
一个简单的弹性返回顶部JS代码实现介绍
Jun 09 Javascript
jQuery表格列宽可拖拽改变且兼容firfox
Sep 03 Javascript
JavaScript获得表单target属性的方法
Apr 02 Javascript
JS实现点击按钮获取页面高度的方法
Nov 02 Javascript
WordPress 单页面上一页下一页的实现方法【附代码】
Mar 10 Javascript
js实现点击每个li节点,都弹出其文本值及修改
Dec 15 Javascript
Element-ui之ElScrollBar组件滚动条的使用方法
Sep 14 Javascript
Vue中jsx不完全应用指南小结
Nov 01 Javascript
原生js实现点击按钮复制内容到剪切板
Nov 19 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内核解析:PHP中的哈希表
2014/01/30 PHP
PHP之uniqid()函数用法
2014/11/03 PHP
CI框架数据库查询之join用法分析
2016/05/18 PHP
基于jQuery的动态表格插件
2011/03/28 Javascript
验证码在IE中不刷新而谷歌等浏览器正常的解决方案
2014/03/18 Javascript
jquery实现简单的表单验证
2015/11/17 Javascript
Node.js使用Express创建Web项目详细教程
2017/03/31 Javascript
ES6字符串模板,剩余参数,默认参数功能与用法示例
2017/04/06 Javascript
JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
2017/08/10 Javascript
JS 仿支付宝input文本输入框放大组件的实例
2017/11/14 Javascript
Koa项目搭建过程详细记录
2018/04/12 Javascript
JavaScript实现放大镜效果代码示例
2020/04/29 Javascript
JavaScript如何判断对象有某属性
2020/07/03 Javascript
实例讲解JavaScript 计时事件
2020/07/04 Javascript
js正则表达式简单校验方法
2021/01/03 Javascript
python通过pil模块获得图片exif信息的方法
2015/03/16 Python
Python3连接MySQL(pymysql)模拟转账实现代码
2016/05/24 Python
Python解决走迷宫问题算法示例
2018/07/27 Python
python实现批量视频分帧、保存视频帧
2019/05/31 Python
Django接收自定义http header过程详解
2019/08/23 Python
Python爬取知乎图片代码实现解析
2019/09/17 Python
简单了解为什么python函数后有多个括号
2019/12/19 Python
利用Python计算KS的实例详解
2020/03/03 Python
python 爬虫基本使用——统计杭电oj题目正确率并排序
2020/10/26 Python
简单几步用纯CSS3实现3D翻转效果
2019/01/17 HTML / CSS
贝尔帐篷精品店:Bell Tent Boutique
2019/06/12 全球购物
莫斯科购买书籍网站:Book24
2020/01/12 全球购物
世界上最大的乐谱选择:Sheet Music Plus
2020/01/18 全球购物
2014厂务公开实施方案
2014/02/17 职场文书
预防传染病方案
2014/06/14 职场文书
2014年村党支部工作总结
2014/12/04 职场文书
实施意见格式范本
2015/06/05 职场文书
消防安全主题班会
2015/08/12 职场文书
《暗黑破坏神2:重制版》本周进行第一轮A测 目前可官网进行申请报名
2021/04/07 其他游戏
【海涛解说】pis亲自推荐,其实你从来不会玩NW
2022/04/01 DOTA
Oracle查看表空间使用率以及爆满解决方案详解
2022/07/23 Oracle