IE中的File域无法清空使用jQuery重设File域


Posted in Javascript onApril 24, 2014

有时候在做文件上传的时候会遇到一种情况就是需要重置整个表单,但是问题来了,其他浏览器都没啥问难题,直接reset form或者是触发type为reset的button的click事件就OK了,但是IE却奇葩了,IE中的File域无法清空,可能你看到的是已经没有值了,但是你可以打印出来看看就知道了:

var fileVal = $('input[type="file"]').val(); 
alert(fileVal);

打印出来的还是reset前选择的文件的信息,这个要肿么搞定呢,查了不少资料发现在IE下可以采用以下方式来解决
$('input[type="file"]').attr('value',''); 
//or 
$('input[type="file"]').val('');

当然别忘了对form reset啊。
Javascript 相关文章推荐
javascript基础第一章 JavaScript与用户端
Jul 22 Javascript
浅析ajax请求json数据并用js解析(示例分析)
Jul 13 Javascript
ExtJs设置GridPanel表格文本垂直居中示例
Jul 15 Javascript
JavaScript实现多个重叠层点击切换效果的方法
Apr 24 Javascript
JavaScript实现购物车基本功能
Jul 21 Javascript
JavaScript读写二进制数据的方法详解
Sep 09 Javascript
vue删除html内容的标签样式实例
Sep 13 Javascript
angular 实现下拉列表组件的示例代码
Mar 09 Javascript
javascript系统时间设置操作示例
Jun 17 Javascript
在layui框架中select下拉框监听更改事件的例子
Sep 20 Javascript
小程序如何写动态标签的实现方法
Feb 05 Javascript
vue动态加载SVG文件并修改节点数据的操作代码
Aug 17 Javascript
js 动态为textbox添加下拉框数据源的方法
Apr 24 #Javascript
from表单多个按钮提交用onclick跳转不同action
Apr 24 #Javascript
编写高效jQuery代码的4个原则和5个技巧
Apr 24 #Javascript
js检测浏览器版本、核心、是否移动端示例
Apr 24 #Javascript
javascript模拟订火车票和退票示例
Apr 24 #Javascript
jquery 自定义容器下雨效果可将下雨图标改为其他
Apr 23 #Javascript
jquery map方法使用示例
Apr 23 #Javascript
You might like
队列在编程中的实际应用(php)
2010/09/04 PHP
php二维数组排序详解
2013/11/06 PHP
php生成微信红包数组的方法
2019/09/05 PHP
php获取是星期几的的一些常用姿势
2019/12/15 PHP
php gethostbyname获取域名ip地址函数详解
2010/01/24 Javascript
整理一些JavaScript的IE和火狐的兼容性注意事项
2011/03/17 Javascript
JavaScript中的View-Model使用介绍
2011/08/11 Javascript
关于 文本框默认值 的操作js代码
2012/01/12 Javascript
jquery插件制作 图片走廊 gallery
2012/08/17 Javascript
jquery 快速回到页首的方法
2013/12/05 Javascript
jQuery实现可用于博客的动态滑动菜单完整实例
2015/09/17 Javascript
快速掌握Node.js环境的安装与运行方法
2016/02/16 Javascript
老生常谈JavaScript 函数表达式
2016/09/01 Javascript
在js中做数字字符串补0(js补零)
2017/03/25 Javascript
将angular-ui的分页组件封装成指令的方法详解
2017/05/10 Javascript
VueRouter导航守卫用法详解
2017/12/25 Javascript
vue.js前后端数据交互之提交数据操作详解
2018/04/24 Javascript
BootStrap table实现表格行拖拽效果
2018/12/01 Javascript
详解React 服务端渲染方案完美的解决方案
2018/12/14 Javascript
深入理解Vue keep-alive及实践总结
2019/08/21 Javascript
深入浅出vue图片路径的实现
2019/09/04 Javascript
Vue 设置axios请求格式为form-data的操作步骤
2019/10/29 Javascript
vue-cli或vue项目利用HBuilder打包成移动端app操作
2020/07/29 Javascript
解决Python获取字典dict中不存在的值时出错问题
2018/10/17 Python
Python中判断子串存在的性能比较及分析总结
2019/06/23 Python
CSS3简单实现照片墙
2014/12/12 HTML / CSS
利用HTML5 Canvas API绘制矩形的超级攻略
2016/03/21 HTML / CSS
新锐科技Java程序员面试题
2016/07/25 面试题
劳动之星获奖感言
2014/02/01 职场文书
弘扬焦裕禄精神走群众路线思想汇报
2014/09/12 职场文书
查摆问题整改措施
2014/10/24 职场文书
2015年小学语文工作总结
2015/05/25 职场文书
迎国庆主题班会
2015/08/17 职场文书
升职自荐书
2019/05/09 职场文书
手把手教你从零开始react+antd搭建项目
2021/06/03 Javascript
Java实现简易的分词器功能
2021/06/15 Java/Android