jquery 清空file

file是文本域,我们一般都会使用它来上传文件,在上传文件时我们需要验证,验证完成后,如果存在错误,为了防止将错误信息也上传上去,我们总是希望能够将其清空。但是在IE中,为了安全起见它是不允许我们改变其中的值。Firefox可以。为了兼容,我们就必须来考虑其他的方式。

我们可以这样考虑,先将该元素复制下来,然后将该值清空。在IE下,我们复制该元素时,他的值是不会复制下来得,这样就可以达到清空的目的。但是firefox会将值给复制下来,所以为了兼容,可以得到如下这个:

var file = $("#file")   
file.after(file.clone().val(""));     
file.remove();
时间: 2024-08-10 21:34:33

jquery 清空file的相关文章

使用jQuery清空file文件域的解决方案

?对一个文件域(input type=file)使用了验证后,我们总会希望把文件域中的值给清空了,在IE中,由于安全设置的原因,是不允许更改文件域的值的,接下来为大家介绍一下解决方法 般来说,在对一个文件域(input type="file")使用了验证后,我们总会希望把文件域中的值给清空了(否则错误的文件仍然会被提交),而在IE中,安全设置的原因,是不允许更改文件域的值的(也就是不能使用val("")) 那么很显然,我们就只能换个思路,把这个input元素复制一个

jQuery文件上传插件jQuery Upload File 有上传进度条

jQuery文件上传插件jQuery Upload File 有上传进度条 2015年05月15日 jQuery文件上传插件jQuery Upload File,插件使用简单,支持单文件和多文件上传,支持文件拖拽上传,有进度条显示.标准HTML form文件上传,也就是说,只要服务端支持接收multipart/form-data格式数据就能使用此上传插件. 本站web端文件文件提交即使用此插件,效果如下: 浏览器支持 浏览器支持:IE 8.0,IE 9.0,IE 10.0,Firefox,Saf

[JS][jQuery]清空元素html("")、innerHTML="" 与 empty()的区别:关于内容泄露问题

清空元素html("").innerHTML="" 与 empty()的区别 一.清空元素的区别      1.错误做法一:            $("#test").html("");//该做法会导致内存泄露 2.错误做法二:            $("#test")[0].innerHTML="";  ;//该做法会导致内存泄露 3.正确做法:        //$("

[JS][jQuery]清空元素html("")、innerHTML="" 与 empty()的区别 、remove()区别

清空元素html("").innerHTML="" 与 empty()的区别 一.清空元素的区别     1.错误做法一:           $("#test").html("");//该做法会导致内存泄露 2.错误做法二:            $("#test")[0].innerHTML="";  ;//该做法会导致内存泄露 3.正确做法:        //$("#t

Jquery 清空input file的值

var file = $(obj).parent().find(".fileData");                $(file).val('');

jquery html5 file 上传图片显示图片

最近做了一个小例子,在上传用户图像时,如何在上传图片时显示图片.在网上找了很多资料也未能如愿,如是,就用jquery ,html5,实现了,由于开发是在linux 所以未能在ie下测试,在forefox,chrom下是可以的. 一.html下的代码是: <div class=' input_box' > <span class='spac' >头</span>相:<input class="input_style" id="'head

Jquery清空(获取)当前页面所有的input和textarea的两种写法

的结果是想替换myform这个表单里面所有的input和textarea中的&符号为%26,使用jquery如下实现: 法一: $("#myform input,#myform textarea").each(function(){    this.value = this.value.replace(/\&/g,"%26");//也可以清空数据this.value =""; 法二: $("#myform").

jQuery input -&gt; file change事件bug

由jQuery绑定类型为file的input控件的change事件,发现只能被触发一次,修改方法 --> 原始代码: $input.change(function() { // something }); 修正后代码: $input.live('change', function() { // something });

jquery清空textarea等输入框

转载自:http://blog.csdn.net/dyllove98/article/details/8870307 完整示例:http://www.keleyi.com/keleyi/phtml/clearinput.htm 下面是源代码: <script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>