jquery清空input file

最新推荐文章于 2023-10-05 09:23:18 发布

最新推荐文章于 2023-10-05 09:23:18 发布 · 3.7k 阅读

文章标签：

#jQuery #Ajax #ViewUI

jquery 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的功能，该功能可在AJAX上传后清除HTML表单中的文件输入字段值。通过克隆并替换带有文件路径的<input type=file>元素来达到目的。

项目中代码如下,实现功能是当用ajax上传后,清除"file"中的图片地址:
<tr>
<td id="uploadtd0"
附件一：<input type="file" id="upload" name="upload" >
</td>
</tr>
<tr>
<td id="uploadtd1">
附件二：<input type="file" id="upload" name="upload" >
</td>
</tr>

[b]功能实现代码:[/b]

function emptyFile(){
   var $file=$(":file");  //获得file
   $file.each(            //循环file(数组)
	function(e){
	   if($(this).val()!=""){    //当file有地址才进行清空
	      var item="uploadtd"+e;   //组合成td的id
	      var cfile=$(this).clone();  //复制当前file
	      $(this).remove();     //移除当前file
	      cfile.appendTo("#"+item);  //把复制的file添加到目标td中
	   }
	});
}