A-A+

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

2016年01月21日 web前端设计 暂无评论 阅读 9 views 次

下面来介绍一下关于在jquery与javascript中清空file文件上传域,有需要的朋友可参考一下。

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

  1. var file = $("#fileid");   
  2. file.after(file.clone().val(""));   
  3. file.remove();  

jquery还有一种方法,代码如下:

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

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

  1. <span id="pfile"><input type="file"  name="file" onKeyDown="return false" onpaste="return false;" ></span></td>  

然后在提交表单前执行如下JS,代码如下:

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

给我留言