AjaxFileUpload結(jié)合Struts2實現(xiàn)多文件上傳(動態(tài)添加文件上傳框)

body> 
 form action="" enctype="multipart/form-data"> 
 h2> 
  多文件上傳 
 /h2> 
 input type="file" id="file1" name="file" />a id="add" href="javascript:void();" rel="external nofollow" onclick="addFile();">添加/a> 
 span> 
  table id="down"> 
  /table> 
 /span> 
 /br> 
 input type="button" onclick="fileUpload();" value="上傳"> 
 /form> 
/body> 

script type="text/javascript"> 
 //添加附件 
 function addFile(){ 
 var fileLength = $("input[name=file]").length+1; 
 var inputFile = "div id='addFile"+fileLength+"'>input type='file' id='file"+fileLength+"' name='file' />" 
   +"a href='javascript:void();' onclick='delFile("+fileLength+");'>刪除/a>/div>"; 
 $("#add").after(inputFile); 
 } 
 //刪除附件 
 function delFile(id){ 
 $("#addFile"+id).remove(); 
 } 
/script> 

var files = ""; 
//獲取所有 input type="file" id="file1" name="file" /> 的ID屬性值 
$("input[name=file]").each(function(){ 
 files = files + $(this).attr("id")+","; 
}) 
//將字符最后一逗號(,)截取掉 
files = files.substring(0,files.length-1); 

var oldElement = jQuery('#' + fileElementId); 
var newElement = jQuery(oldElement).clone(); 
jQuery(oldElement).attr('id', fileId); 
jQuery(oldElement).before(newElement); 
jQuery(oldElement).appendTo(form); 

var t = ''; 
if(typeof(fileElementId) == 'string'){ 
/* 
 * 將傳過來的值 如："file1,file2,file3" 轉(zhuǎn)換為：['file1','file2','file3'] 
 */ 
var s = fileElementId.split(","); 
for(var i in s){ 
 t = t + "'"+s[i]+"'"+","; 
} 
t = "["+t+"]"; 
t = t.replace(",]", "]") 
} 
fileElementId= eval('('+ t +')'); //將string類型轉(zhuǎn)換為Object類型