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

 更新时间:2014年04月24日 11:26:29   作者:  
IE中的File域无法清空,可能你看到的是已经没有值了,其实它还是存在的,下面有个不错示例,大家可以参考下
有时候在做文件上传的时候会遇到一种情况就是需要重置整个表单,但是问题来了,其他浏览器都没啥问难题,直接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啊。

相关文章

  • jQuery的3种请求方式$.post,$.get,$.getJSON

    jQuery的3种请求方式$.post,$.get,$.getJSON

    这篇文章主要介绍了jQuery的3种请求方式$.post,$.get,$.getJSON,需要的朋友可以参考下
    2014-03-03
  • 2013年优秀jQuery插件整理小结

    2013年优秀jQuery插件整理小结

    今天为大家推荐的是2013年的第一期,在这期里面十个jQuery插件涵盖了响应式的网格布局插件、图片放大插件、表单元素中自定义select插件,google 地图插件、文件拖放上传插件、tooltip提示插件、3D旋转菜单等等
    2013-11-11
  • 一个基于jquery的图片切换效果

    一个基于jquery的图片切换效果

    一个图片切换效果,胡乱写了一下。貌似doctype到了html4.01下面样式有点问题。
    2010-07-07
  • jquery css 选择器演示代码

    jquery css 选择器演示代码

    这篇文章对于刚开始学习jquery的css 选择器的朋友是个不错的参考,大家可以看实例演示即可。
    2010-05-05
  • jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】

    jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】

    这篇文章主要介绍了jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果,结合实例形式分析了jQuery使用HighCharts插件同时绘制柱状图、折线图的实现技巧与相关操作步骤,并附带demo源码供读者下载参考,需要的朋友可以参考下
    2017-03-03
  • jQuery操作动画完整实例分析

    jQuery操作动画完整实例分析

    这篇文章主要介绍了jQuery操作动画,结合完整实例形式分析了jquery针对页面元素动画效果相关实现技巧,涉及jquery slideUp与slideDown方法的使用,需要的朋友可以参考下
    2020-01-01
  • 自定义刻度jQuery进度条及插件

    自定义刻度jQuery进度条及插件

    自定义刻度jq进度条可以自定义进度条刻度圆点数量,大小等相关属性,可以通过css控制圆点的外观样式,通过progressdots插件自定义刻度动画,使用该插件还需引入jquery,jquery.progressdots.js和jquery.progressdots.css文件。需要的朋友一起学习吧
    2015-09-09
  • jquery validate表单验证的基本用法入门

    jquery validate表单验证的基本用法入门

    这篇文章主要为大家介绍了jquery validate表单验证的基本用法入门,jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • Jquery uploadify上传插件使用详解

    Jquery uploadify上传插件使用详解

    这篇文章主要介绍了JQuery上传插件Uploadify使用,文章给出详细的步骤来实现一个简单的上传功能,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • JQGrid的用法解析(列编辑,添加行,删除行)

    JQGrid的用法解析(列编辑,添加行,删除行)

    本文是对JQGrid的用法--列编辑,添加行,删除行。进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11

最新评论