使用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实现的复选框全选、全不选、反选功能的代码，有需要的小伙伴可以参考一下2015-10-10
下面介绍几个jQuery常用的方法，来让jQuery的威力发挥出来，否则只用有限的几个方法，相对于运行速度问题，真不如不用jQuery2013-10-10
jQuery.position()方法获取不到值的安全替换方法
这篇文章主要介绍了jQuery.position()方法获取不到值的安全替换方法,本文给出了一种变通的方法,用.offset()来换算,需要的朋友可以参考下2015-03-03
最近做项目时碰到一个需求，就是在移动端支付页面点击支付按钮弹出一个支付键盘，类似于支付宝的那种。项目只是单纯的手机网站，所以这个功能由前端来实现，下面小编给大家带来了jQuery仿移动端支付宝键盘的实现代码，需要的朋友参考下吧2018-08-08
jquery之ajaxfileupload异步上传插件(附工程代码)
在处理文件上传时需要使用到文件的异步上传，这里使用Jquery Ajax File Uploader这个组件,服务器端采用struts2来处理文件上传2013-04-04
这篇文章主要为大家详细介绍了jquery插件实现图片悬浮，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
这篇文章主要为大家详细介绍了jQuery实现移动端扭蛋机抽奖，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
以下是用jquery控制ASP.NET中的两个asp:listbox控件中选择项的移动。2009-11-11
网页上常常有这种效果，当你的鼠标移入一个输入框时会弹出一个对话框让你选择填入该对话框的值，现在我们用Jquery简单的实现这种效果。2010-03-03
这篇文章主要为大家介绍了jQuery动画效果实现图片无缝连续滚动，实现类似连续不间断的滚动广告位，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-01-01
最新评论