`

jquery 清空file里的内容

 
阅读更多

查了好半天,没有短小精悍的。用jquery可以比较简单的做到
在firefox下 你可以直接
代码

  1. $("#file_uploade").val("");  

$("#file_uploade").val("");
可是ie下这个就不起做用了
在ie下可以这样写
代码

  1. file = $("#file_uploade");   
  2. file.after(file.clone());   
  3. file.remove();  

file = $("#file_uploade"); file.after(file.clone()); file.remove();
这样做呢,ie下不会复制原来file里的值的,所以新建的是空的
而firefox下呢,是会把原来的值复制过来
所以呢最终适合ie和firefox的函数为
代码

  1. function resetFileInput(file){   
  2.     file.after(file.clone().val(""));   
  3.     file.remove();   
  4. }  

function resetFileInput(file){ file.after(file.clone().val("")); file.remove(); }

只测试了ie和firefox,其他的兼容性不知道。
新手呢,不要忘记用函数的时候,加入jquery的引用。
写的不是很详细,妄见谅。

分享到:
评论

相关推荐

    jquery 清空file域示例(兼容个浏览器)

    在本文将为大家介绍喜下如何使用jquery 清空file域并做到兼容个浏览器,感兴趣的朋友可以参考下

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

    般来说,在对一个文件域(input type=”file”)使用了验证后,我们总会希望把文件域中的值给清空了(否则错误的文件仍然会被提交),而在IE中,安全设置的原因,是不允许更改文件域的值的(也就是不能使用val(“”))...

    IE中的File域无法清空使用jQuery重设File域

    有时候在做文件上传的时候会遇到一种情况就是需要重置整个表单,但是问题来了,其他浏览器都没啥问难题,直接reset form或者是触发type为reset的button的click事件就OK了,但是IE却奇葩了,IE中的File域无法清空,...

    将input file的选择的文件清空的两种解决方案

    上传文件时,选择了文件后想清空文件路径,经搜索发现个不错的方法在此与大家分享下,感兴趣的朋友不要错过

    jQuery Easyui datagrid/treegrid 清空数据

    在使用easyui的treegrid或datagrid的过程经常会有这样的场景,如:需要按不同的类型加载数据时,如果选择的分类下没有数据应该把上次展示的数据清空,以免引用歧义。下面给出两种方法供初学者参考:  方法一: var...

    从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别

    在清空input file标签选中值时,分别用了以下方法,发现有的对有的错: 【√】$(“#file”)[0].value = “”; 【√】$(“#file”)[0].value = null; 【×】$(“#file”).attr(“value”,””); 【×】$(“#file”)....

    jquery实现保存已选用户

    删除原来已选择的用户记录列表(相当于清空操作) 添加新选择用户记录列表 页面  1 保存共享文件 // 保存共享文件 function shareFile(){ // 参数 var signid = chooseObj.id; var objtype = ...

    是谁呼叫舰队WhoCallsTheFleet.zip

    对于Windows系统,这个文件夹在C:\Users\[你的用户名]\AppData\Local\WhoCallsTheFleet基础框架个人 NW.js 项目基础框架:nw.js-base-framework第三方框架/库NW.js: 程序基础框架jQuery: JavaScript前端框架adm-zip:...

Global site tag (gtag.js) - Google Analytics