龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

清空file文件上传域jquery与js方法

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
下面来介绍一下关于在jquery与javascript中清空file文件上传域,有需要的朋友可参考一下。 在IE下复制元素的时候,其中的值是不会被复制的,所以就达到了清空文件域的目的了。而在Fi
下面来介绍一下关于在jquery与javascript中清空file文件上传域,有需要的朋友可参考一下。

在IE下复制元素的时候,其中的值是不会被复制的,所以就达到了清空文件域的目的了。而在Firefox下,其中的值也会被一同复制,那么我们就顺便清空一下就做到兼容了。代码如下:

 代码如下

var file = $("#fileid"); 

file.after(file.clone().val("")); 

file.remove();

jquery还有一种方法

 代码如下

var afile = $("#" + picName);
afile.replaceWith(afile.clone());

js清空FILE文件域信息 .

首先你需要用一个<div>或者<span>标签把你的文件域包裹起来方便我们获取,像下面这样

 代码如下
 <span id="pfile"><input type="file"  name="file" onKeyDown="return false" onpaste="return false;" ></span></td>

然后在提交表单前执行如下JS

 代码如下

document.getElementById("pfile").innerHTML = "<input type="file" name="file" onKeyDown="return false;" onpaste="return false;"/>";


精彩图集

赞助商链接