Multiple File Upload

[santhi deeksha]

Hi, I am writing a JSP that is able to upload multiple files at a time (with a single File element). My idea is to create a table and add a row to it when a file is selected. And what I would like to do is to pass these values to an array and submit to the server. Here's what I've written so far.

  

<script type="text/javascript">
		
		function addElement(thisFile, tableID){
			var rowCount = tableID.rows.length;
			var row = tableID.insertRow(rowCount);
			
			var cell1 = row.insertCell(0);
			cell1.innerText = thisFile;

			var cell2 = row.insertCell(1);
			var filepath = document.file_upload_form.file_upload.value;
			var myFile = new ActiveXObject("Scripting.FileSystemObject");
			var theFile = myFile.getFile(filepath);
			var size = theFile.size;
			cell2.innerText = size;
			
			var cell3 = row.insertCell(2);
			var element = document.createElement("input");
			element.type = "checkbox";
			cell3.appendChild(element);
			
					
		}

		function deleteRow(tableID) {
		      try {
			 var rowCount = tableID.rows.length;
			
	 
	           	 for(var i=0; i<rowCount; i++) {
	                   var row = tableID.rows[i];
			   
	                   var chkbox = row.cells[2].childNodes[0];
	                   if(null != chkbox && true == chkbox.checked) {
	                    tableID.deleteRow(i);
	                    rowCount--;
	                    i--;
	                   }
	 
	                }
	            }catch(e) {
	                alert(e);
	            }
		}
	</script> 

        <form name="file_upload_form" method="post" enctype="multipart/form-data" 
action="FileUploadServlet">

		<TABLE id="fileList" BORDER="2" CELLSPACING="5" CELLPADDING="5">
		
			<th style="width:180px"> File </th>
			<th style="width:80px"> Size </th>
			<th style="width:80px"> delete </th>
		
		</Table>
		<br/><br/><br/>
		<input type="file" id="file" name="uploadFile" >
		<input type="button" name="addToList" value="add" onclick="addElement(uploaFile.value, fileList)">
						
		<input type="button" name="removeFromList" value="remove" onclick = "deleteRow(fileList)"/>
		<input type="submit" name="action" value="Upload"/><br />
	</form>
 

I thought I could create an array with selected checkboxes and submit the array but I realize that I cannot return it to the JSP (or can I?). Can anyone suggest how to proceed further from here? I am open to an entirely different way of doing this if it is possible. The only constraint is I cannot limit the user to a max number of files and have to use a single file element.

Thanks in advance for your help.

[Bear Bibeault]

Please take the time to choose the correct forum for your posts. This forum is for questions on JSP. For more information, please read this.

This post has been moved to a more appropriate forum.

[Gregg Bolinger]

Hi, I am writing a JSP that is able to upload multiple files at a time (with a single File element).

No, you're not. Because it won't work. Each file needs it's own file input in order for the server to actually get it. Do a search on google for multiple file uploads. You'll find loads of ways of doing this. Some using flash, some using the iframe trick. But it's not going to work the way you are attempting it right now.