使用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 相关文章推荐
IE/FireFox具备兼容性的拖动代码
Aug 13 Javascript
HTML中Select不用Disabled实现ReadOnly的效果
Apr 07 Javascript
关于Aptana Studio生成自动备份文件的解决办法
Dec 23 Javascript
微博@符号的用户名提示效果。(想@到谁?)
Nov 05 Javascript
使用javascript创建快捷方式的简单实例
Aug 09 Javascript
javascript多物体运动实现方法分析
Jan 08 Javascript
js中最容易被忽视的事件问题大总结
May 15 Javascript
第五篇Bootstrap 排版
Jun 21 Javascript
全选复选框JavaScript编写小结(附代码)
Aug 16 Javascript
js求数组中全部数字可拼接出的最大整数示例代码
Aug 25 Javascript
vue环形进度条组件实例应用
Oct 10 Javascript
js实现鼠标点击飘爱心效果
Aug 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
javascript 无提示关闭窗口脚本
2009/08/17 Javascript
JavaScript 学习技巧
2010/02/17 Javascript
ImageZoom 图片放大镜效果(多功能扩展篇)
2010/04/14 Javascript
jQuery+ajax实现顶一下,踩一下效果
2010/07/17 Javascript
编程语言JavaScript简介
2014/10/16 Javascript
JavaScript制作简易的微信打飞机
2015/03/31 Javascript
jQuery简单入门示例之用户校验demo示例
2016/07/09 Javascript
全面介绍javascript实用技巧及单竖杠
2016/07/18 Javascript
JS实现显示带倒影的图片横排居中放大展示特效实例【测试可用】
2016/08/23 Javascript
基于javascript实现按圆形排列DIV元素(三)
2016/12/02 Javascript
Javascript基础回顾之(一) 类型
2017/01/31 Javascript
如何在Angular2中使用jQuery及其插件的方法
2017/02/09 Javascript
javascript闭包功能与用法实例分析
2017/04/06 Javascript
js实现加载页面就自动触发超链接的示例
2017/08/31 Javascript
Vue实现带进度条的文件拖动上传功能
2018/02/23 Javascript
layui实现tab的添加拒绝重复的方法
2019/09/04 Javascript
javascript canvas API内容整理
2020/02/16 Javascript
Python实现的数据结构与算法之链表详解
2015/04/22 Python
python列表操作之extend和append的区别实例分析
2015/07/28 Python
5种Python单例模式的实现方式
2016/01/14 Python
python快速建立超简单的web服务器的实现方法
2018/02/17 Python
解决Ubuntu pip 安装 mysql-python包出错的问题
2018/06/11 Python
Python运维之获取系统CPU信息的实现方法
2018/06/11 Python
python调用pyaudio使用麦克风录制wav声音文件的教程
2019/06/26 Python
Python面向对象之私有属性和私有方法应用案例分析
2019/12/31 Python
Spring @Enable模块驱动原理及使用实例
2020/06/23 Python
Python如何实现远程方法调用
2020/08/07 Python
Selenium环境变量配置(火狐浏览器)及验证实现
2020/12/07 Python
python 基于DDT实现数据驱动测试
2021/02/18 Python
PHP如何调用MYSQL存储过程
2014/05/30 面试题
应届生学校辅导员求职信
2013/11/07 职场文书
会计专业导师推荐信
2014/03/08 职场文书
个人年底工作总结
2015/03/10 职场文书
作文之亲情600字
2019/09/23 职场文书
动画《平凡职业成就世界最强》宣布制作OVA
2022/04/01 日漫
python图像处理 PIL Image操作实例
2022/04/09 Python