使用jQuery清空file文件域的解决方案
更新时间：2013年04月12日 16:01:52 作者：
对一个文件域(input type=file)使用了验证后，我们总会希望把文件域中的值给清空了，在IE中，由于安全设置的原因，是不允许更改文件域的值的，接下来为大家介绍一下解决方法
般来说，在对一个文件域(input type=”file”)使用了验证后，我们总会希望把文件域中的值给清空了（否则错误的文件仍然会被提交），而在IE中，安全设置的原因，是不允许更改文件域的值的（也就是不能使用val(“”)）
那么很显然，我们就只能换个思路，把这个input元素复制一个，然后将原来的删除。
在IE下复制元素的时候，其中的值是不会被复制的，所以就达到了清空文件域的目的了。
而在Firefox下，其中的值也会被一同复制，那么我们就顺便清空一下就做到兼容了。
代码如下：
var file = $("#file")
file.after(file.clone().val(""));
file.remove();
那么很显然，我们就只能换个思路，把这个input元素复制一个，然后将原来的删除。
在IE下复制元素的时候，其中的值是不会被复制的，所以就达到了清空文件域的目的了。
而在Firefox下，其中的值也会被一同复制，那么我们就顺便清空一下就做到兼容了。
代码如下：
复制代码 代码如下:
var file = $("#file")
file.after(file.clone().val(""));
file.remove();
相关文章
这篇文章主要介绍了jQuery中DOM常见操作,结合实例形式总结分析了jQuery针对dom属性操作、文档操作等常用方法与操作技巧,需要的朋友可以参考下2019-08-08
点击文本框弹出热门标签的效果实现方法有很多，在本文为大家详细介绍下使用jQuery是如何实现的，感兴趣的朋友不要错过2013-11-11
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
本篇文章主要对jQuery插件imgAreaSelect实现获得选择域的图像信息的方法做了简要分析说明。需要的朋友来看下吧，希望对大家有所帮助2016-12-12
jQuery插件开发的两种方法及$.fn.extend的详解
jQuery插件开发分为两种：1 类级别、2 对象级别，下面为大家详细介绍下2014-01-01
jQuery试卷自动排版系统，需要的朋友可以参考下。2010-07-07
这篇文章主要介绍了jQuery使用zTree插件实现树形菜单和异步加载的相关方法，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要为大家详细介绍了基于jquery实现轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-03-03
从零开始学习jQuery (四) jQuery中操作元素的属性与样式
本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习.2011-02-02
这篇文章提供了一个使用asp.net和JQuery UI Tabs plug-in用IFRAME元素去宿主web页面。2010-01-01
jquery的多个选择器，就是可以同时选择多个元素进行操作，下面有个不错的示例，感兴趣的朋友可以参考下2013-10-10
最新评论