使用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 相关文章推荐
Extjs学习过程中新手容易碰到的低级错误积累
Feb 11 Javascript
再谈Javascript中的基本类型和引用类型(推荐)
Jul 01 Javascript
微信小程序 location API接口详解及实例代码
Oct 12 Javascript
解决BootStrap Fileinput手机图片上传显示旋转问题
Jun 01 Javascript
VUE利用vuex模拟实现新闻点赞功能实例
Jun 28 Javascript
jquery animate动画持续运动的实例
Nov 29 jQuery
webpack4之SplitChunksPlugin使用指南
Jun 12 Javascript
详解react阻止无效重渲染的多种方式
Dec 11 Javascript
浅谈JS的原型和继承
May 08 Javascript
微信小程序缓存过期时间的使用详情
May 12 Javascript
JS document内容及样式操作完整示例
Jan 14 Javascript
JS实现点星星消除小游戏
Mar 24 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中的phpinfo()函数
2013/06/06 PHP
深入理解JavaScript系列(4) 立即调用的函数表达式
2012/01/15 Javascript
jquery简单图片切换显示效果实现方法
2015/01/14 Javascript
jQuery遍历DOM元素与节点方法详解
2016/04/14 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
2016/06/25 Javascript
JS实现六边形3D拖拽翻转效果的方法
2016/09/11 Javascript
轻松搞定js表单验证
2016/10/13 Javascript
jQuery插件Echarts实现的渐变色柱状图
2017/03/23 jQuery
使用原生js写ajax实例(推荐)
2017/05/31 Javascript
Angular 4 指令快速入门教程
2017/06/07 Javascript
浅谈NodeJs之数据库异常处理
2017/10/25 NodeJs
vue实现自定义多选与单选的答题功能
2018/07/05 Javascript
AngularJS发送异步Get/Post请求方法
2018/08/13 Javascript
微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能
2019/01/22 Javascript
[07:01]DOTA2-DPC中国联赛正赛 Aster vs Magma 3月5日 赛后选手采访
2021/03/11 DOTA
机器学习之KNN算法原理及Python实现方法详解
2018/07/09 Python
python中while和for的区别总结
2019/06/28 Python
解决Django一个表单对应多个按钮的问题
2019/07/18 Python
django 中的聚合函数,分组函数,F 查询,Q查询
2019/07/25 Python
Python matplotlib绘制饼状图功能示例
2019/09/10 Python
parser.add_argument中的action使用
2020/04/20 Python
使用CSS3设计地图上的雷达定位提示效果
2016/04/05 HTML / CSS
Canvas系列之滤镜效果
2019/02/12 HTML / CSS
HTML5实现移动端点击翻牌功能
2020/10/23 HTML / CSS
意大利消费电子产品购物网站:SLG Store
2019/12/26 全球购物
计算机毕业大学生推荐信
2013/12/01 职场文书
《庐山的云雾》教学反思
2014/04/22 职场文书
法制宣传月活动总结
2014/04/29 职场文书
高一军训的心得体会
2014/09/01 职场文书
2014年政府采购工作总结
2014/12/09 职场文书
军训个人总结
2015/03/03 职场文书
2015年创先争优活动总结
2015/03/27 职场文书
关于童年的读书笔记
2015/06/26 职场文书
运动会主持人开幕词
2016/03/04 职场文书
MySQL InnoDB ReplicaSet(副本集)简单介绍
2021/04/24 MySQL
Python类方法总结讲解
2021/07/26 Python