使用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 相关文章推荐
javascript之ESC(第二类混淆)
May 06 Javascript
js如何判断用户是在PC端和还是移动端访问
Apr 24 Javascript
javascript 获取函数形参个数
Jul 31 Javascript
javascript实现回到顶部特效
May 06 Javascript
vue中echarts3.0自适应的方法
Feb 26 Javascript
JS 实现缓存算法的示例(FIFO/LRU)
Mar 20 Javascript
微信小程序文字显示换行问题
Jul 28 Javascript
JS实现页面跳转与刷新的方法汇总
Aug 30 Javascript
原生js实现点击轮播切换图片
Feb 11 Javascript
纯js实现无缝滚动功能代码实例
Feb 21 Javascript
如何阻止移动端浏览器点击图片浏览
Aug 29 Javascript
教你部署vue项目到docker
Apr 05 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
PHP安全上传图片的方法
2015/03/21 PHP
PHP用mb_string函数库处理与windows相关中文字符及Win环境下开启PHP Mb_String方法
2015/11/11 PHP
关于PHP内置的字符串处理函数详解
2017/02/04 PHP
PHP实现找出有序数组中绝对值最小的数算法分析
2017/08/07 PHP
调用js时ie6和ie7,ff的区别
2009/08/19 Javascript
Firefox/Chrome/Safari的中可直接使用$/$$函数进行调试
2012/02/13 Javascript
jQuery之折叠面板的深入解析
2013/06/19 Javascript
jquery使用ul模拟select实现表单美化的方法
2015/08/18 Javascript
剖析Node.js异步编程中的回调与代码设计模式
2016/02/16 Javascript
Bootstrap4一次重大更新 几乎涉及每行代码
2016/05/16 Javascript
原生js实现jquery函数animate()动画效果的简单实例
2016/08/21 Javascript
解决vue里碰到 $refs 的问题的方法
2017/07/13 Javascript
浅谈vue项目可以从哪些方面进行优化
2018/05/05 Javascript
Vue使用localStorage存储数据的方法
2019/05/27 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
2019/09/04 Javascript
vue created钩子函数与mounted钩子函数的用法区别
2020/11/05 Javascript
[06:16]《DAC最前线》之地区预选赛全面回顾
2015/01/19 DOTA
Python极简代码实现杨辉三角示例代码
2016/11/15 Python
python用模块zlib压缩与解压字符串和文件的方法
2016/12/16 Python
python reduce 函数使用详解
2017/12/05 Python
深入浅析Python获取对象信息的函数type()、isinstance()、dir()
2018/09/17 Python
Python3.4学习笔记之类型判断,异常处理,终止程序操作小结
2019/03/01 Python
YUV转为jpg图像的实现
2019/12/09 Python
python 中的paramiko模块简介及安装过程
2020/02/29 Python
在python中修改.properties文件的操作
2020/04/08 Python
css3 矩阵的使用详解
2018/03/20 HTML / CSS
什么是反射?如何实现反射?
2016/07/25 面试题
部队万能检讨书
2014/02/20 职场文书
人事部经理岗位职责
2014/03/07 职场文书
汽车检测与维修专业求职信
2014/07/04 职场文书
数学教育专业求职信
2014/07/22 职场文书
学习十八大宣传标语
2014/10/09 职场文书
2014年煤矿工人工作总结
2014/12/08 职场文书
写给老师的保证书
2015/05/09 职场文书
用position:sticky完美解决小程序吸顶问题的实现方法
2021/04/24 HTML / CSS
Java 语言中Object 类和System 类详解
2021/07/07 Java/Android