使用jQuery清空file文件域的解决方案
2013-05-02 10:55
344 查看
一般来说,在对一个文件域(input type=”file”)使用了验证后,我们总会希望把文件域中的值给清空了(否则错误的文件仍然会被提交),而在IE中,安全设置的原因,是不允许更改文件域的值的(也就是不能使用val(“”))
那么很显然,我们就只能换个思路,把这个input元素复制一个,然后将原来的删除。
在IE下复制元素的时候,其中的值是不会被复制的,所以就达到了清空文件域的目的了。
而在Firefox下,其中的值也会被一同复制,那么我们就顺便清空一下就做到兼容了。
代码如下:
var file = $("#file")
file.after(file.clone().val(""));
file.remove();
http://www.jb51.net/article/35491.htm
那么很显然,我们就只能换个思路,把这个input元素复制一个,然后将原来的删除。
在IE下复制元素的时候,其中的值是不会被复制的,所以就达到了清空文件域的目的了。
而在Firefox下,其中的值也会被一同复制,那么我们就顺便清空一下就做到兼容了。
代码如下:
var file = $("#file")
file.after(file.clone().val(""));
file.remove();
http://www.jb51.net/article/35491.htm
相关文章推荐
- 使用jQuery清空file文件域的解决方案
- 使用jQuery清空file文件域的解决方案
- 使用jQuery清空file文件域的解决方案
- 使用jQuery清空file文件域的解决方案(转)
- 使用jQuery清空file文件域的解决方案
- 使用jQuery清空file文件域的解决方案
- 使用jQuery清空file文件域的方法
- 使用jQuery清空file文件域的方法
- 使用jQuery清空file文件域
- 使用jQuery清空file文件域
- MVC文件上传06-使用客户端jQuery-File-Upload插件和服务端Backload组件自定义控制器上传多个文件
- MVC文件上传07-使用客户端jQuery-File-Upload插件和服务端Backload组件裁剪上传图片
- jQuery 文件上传插件ajaxFileUpload使用以及onchange问题
- JQuery文件上传插件ajaxFileUpload在Asp.net MVC中的使用
- ASP 使用 jQuery Ajax File Uploader插件上传文件(适用于支持H5的浏览器)
- Asp.net MVC中使用JQuery插件ajaxFileUpload上传文件
- 使用jquery-fileupload.js实现文件上传-webx3
- IE中的File域无法清空使用jQuery重设File域
- 使用jquery插件uploadify结合commons fileupload实现多文件上传
- 将input file的选择的文件清空的两种解决方案