jQuery 在IE下对表单中input type="file"的属性值清除
2013-12-17 19:08
495 查看
对一个文件域(input type=file)使用了验证后,我们总会希望把文件域中的值给清空了,在IE中,由于安全设置的原因,是不允许更改文件域的值的,接下来为大家介绍一下解决方法
一般来说,在对一个文件域(input type=”file”)使用了验证后,我们总会希望把文件域中的值给清空了(否则错误的文件仍然会被提交),而在IE中,安全设置的原因,是不允许更改文件域的值的(也就是不能使用val(“”))
那么很显然,我们就只能换个思路,把这个input元素复制一个,然后将原来的删除。
在IE下复制元素的时候,其中的值是不会被复制的,所以就达到了清空文件域的目的了。
而在Firefox下,其中的值也会被一同复制,那么我们就顺便清空一下就做到兼容了。
一般来说,在对一个文件域(input type=”file”)使用了验证后,我们总会希望把文件域中的值给清空了(否则错误的文件仍然会被提交),而在IE中,安全设置的原因,是不允许更改文件域的值的(也就是不能使用val(“”))
那么很显然,我们就只能换个思路,把这个input元素复制一个,然后将原来的删除。
在IE下复制元素的时候,其中的值是不会被复制的,所以就达到了清空文件域的目的了。
而在Firefox下,其中的值也会被一同复制,那么我们就顺便清空一下就做到兼容了。
var file = $("#file") file.after(file.clone().val("")); file.remove();
相关文章推荐
- jQuery动态添加<input type="file">
- [置顶] <input type="file">的accept属性值详解
- php如何处理html5表单<input type="file" multiple />提交的多个文
- JQuery------获取<input type="file">中的文件内容
- JQuery------获取<input type="file">中的文件内容
- <input type="file" name="file"> 上传表单域浏览按钮样式更改
- 用jQuery重置用于文件上传的input (type="file")
- IE and FireFox使用JavaScript清空上传控件input type="file"
- 清除input标签中type="file" 的内容
- Firefox 和 IE 关于 <input type="file" />宽度兼容性方法。
- 利用jquery来隐藏input type="file"
- 用jQuery重置用于文件上传的input (type="file")
- 上传图片 ajax input type="file" 兼容 ie chroem 火狐
- 美化input type="file" 文件上传表单
- An invalid form control with name='file[]' is not focusable.间接点击form表单的<input type="file">出现的问题
- 用form表单input type="file"上传文件(提交前判断)
- s 获取input type="file" 选择的文件大小、文件名称、上次修改时间、类型等信息
- 上传按钮样式优化 <input type="file" />
- android支持html的<input type="file">标签
- 关于JSP中单击任意标签弹出文件选择框(<input type="file"/>)的实现方法