使用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的动态添加控件并取值的实现代码
Sep 24 Javascript
javascript代码运行不出来执行错误的可能情况整理
Oct 18 Javascript
深入理解javascript中return的作用
Dec 30 Javascript
jQuery选择器之基本选择器与层次选择器
Mar 03 Javascript
基于jQuey实现鼠标滑过变色(整行变色)
Dec 07 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
Dec 24 Javascript
学好js,这些js函数概念一定要知道【推荐】
Jan 19 Javascript
Vue.js tab实现选项卡切换
May 16 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
May 21 Javascript
解决vue打包报错Unexpected token: punc的问题
Oct 24 Javascript
解决Vue watch里调用方法的坑
Nov 07 Javascript
JavaScript原型链详解
Nov 07 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 post json参数的传递和接收处理方法
2018/05/31 PHP
laravel 解决crontab不执行的问题
2019/10/22 PHP
window.open被浏览器拦截后的自定义提示效果代码
2007/11/19 Javascript
jquery ready函数源代码研究
2009/12/06 Javascript
jQuery动画效果animate和scrollTop结合使用实例
2014/04/02 Javascript
jQuery插件MixItUp实现动画过滤和排序
2015/04/12 Javascript
简述AngularJS相关的一些编程思想
2015/06/23 Javascript
JavaScript中的对象与JSON
2015/07/03 Javascript
jQuery实现的分子运动小球碰撞效果
2016/01/27 Javascript
jQuery基本筛选选择器实例代码
2017/02/06 Javascript
ES7中利用Await减少回调嵌套的方法详解
2017/11/01 Javascript
AngularJS与BootStrap模仿百度分页的示例代码
2018/05/23 Javascript
JavaScript反射与依赖注入实例详解
2018/05/29 Javascript
JavaScript基于对象方法实现数组去重及排序操作示例
2018/07/10 Javascript
vue最简单的前后端交互示例详解
2018/10/11 Javascript
seajs和requirejs模块化简单案例分析
2019/08/26 Javascript
详解vue中v-bind:style效果的自定义指令
2020/01/21 Javascript
[39:08]完美世界DOTA2联赛PWL S3 LBZS vs CPG 第一场 12.12
2020/12/16 DOTA
Python 学习笔记
2008/12/27 Python
python使用sorted函数对列表进行排序的方法
2015/04/04 Python
Python3.x版本中新的字符串格式化方法
2015/04/24 Python
python笔记之mean()函数实现求取均值的功能代码
2019/07/05 Python
Django认证系统实现的web页面实现代码
2019/08/12 Python
Python中BeautifuSoup库的用法使用详解
2019/11/15 Python
pytorch实现从本地加载 .pth 格式模型
2020/02/14 Python
在python中使用pymysql往mysql数据库中插入(insert)数据实例
2020/03/02 Python
tensorflow常用函数API介绍
2020/04/19 Python
使用python tkinter开发一个爬取B站直播弹幕工具的实现代码
2021/02/07 Python
python 批量将中文名转换为拼音
2021/02/07 Python
Radley英国官网:英国莱德利小狗包
2019/03/21 全球购物
雷锋精神演讲稿
2014/05/13 职场文书
违反单位工作制度检讨书
2014/10/25 职场文书
合理化建议书
2015/02/04 职场文书
导游词格式
2015/02/13 职场文书
2015年度个人思想工作总结
2015/04/08 职场文书
会议通知范文
2015/04/15 职场文书