js添加文件框,不刷掉原来已选的文件。

2011年08月25日 12:26 by:lao8

还是备份代码,一遍以后查看,也方便找这方面资料的朋友。

通常情况下我们做多文件上传,点“再添加一个”按钮原来file表单里选好的文件会被清除,百度上搜了半天也没找到合适的代码,还是自立更生,自己动手写代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文档上传</title>
</head>
<body>
<form name="myform" method="post" action="uploadfile.php" id="upfiles" enctype="multipart/form-data" >
文件上传<br />
<input type="file" name="file[]" size="50" /><br />
<div id="a"><div id="d"></div></div>
<input type="button" id="c" value="添加一个上传文件"/>
<input type="submit" name="submitfile" value="上传文件" />
</form>
</body>

<script language="javascript">
i = 1;
document.getElementById("c").onclick=function(){
  document.getElementById("d").outerHTML= '<div id="div_'+i+'"><input name="file[]" type="file" size=50 /><input type="button" value="删除"  onclick="del('+i+')"/></div>'+document.getElementById("d").outerHTML;
  i = i + 1;
}
function del(o){
 document.getElementById("a").removeChild(document.getElementById("div_"+o));
}
</script>
</html>