日期:2014-05-16  浏览次数:20383 次

多文件上传view端 实现(javaScript)
这是head里的javaScript代码,主要功能就是在这里实现的
<script type="text/javascript">
 function add(){
  var td=document.getElementById("td");//找到要在要在哪个td添加file表单的位置

  //下面创建了三个html元素,一个换行的br和两个input
   var br=document.createElement("br");
   var input=document.createElement("input");
   var button=document.createElement("input");
   
//设置两个input元素的type,及各自的name,value
   input.type="file";
   input.name="file";
   
   button.type="button";
   button.value="remove";
   
   button.onclick=function()//实现button这个input按钮的onclick事件
   {
	  // alert("hh");测试用

	   td.removeChild(br);
	   td.removeChild(input);
	  td.removeChild(button);
   }

//把创建的元素添加为td那个单元格里
   td.appendChild(br);
   td.appendChild(input);
   td.appendChild(button);
    
	}
 </script>



这里是body里的部分代码(包含在form中)

<tr>
<td>
file
</td>
<td id="td">
<s:file name="file"></s:file><input type="button" value="add more……" onclick="add()"/>
</td>
</tr>