Om jag förstår vad du vill göra rätt så kan du använda dig av nedan lösning jag själv har i ett projekt. Jag har inte skrivit den helt från scratch själv men det finns numera otaliga lösningar om du bara söker på multiupload.js. Mycket snyggt sätt att visa alla de filer man valt i en snygg lista men ändå bara visa ett enda input-fält av typen "file". Alla filer laddas sedan upp enligt standarden för inputfält med array-indikationen [] i namnet. (Jag har inte testat nedanstående förkortning av den ursprungliga html-koden)
Kopiera
http://helpdesk.mesh.se/js/multiupload.js och inkludera på din sida.
Nödvändig html
<html>
<head>
<style type="text/css">
#iTableAttachments {
width: 100%;
margin-bottom: 20px;
margin-top: 10px;
}
</style>
<script type="text/javascript" src="multiupload.js"></script>
</head>
<body>
<form method="post" action="" enctype="multipart/form-data">
<label for="iAttach">Attachments</label>
<input id="iAttach" class="iAttach" type="file" name="file[]" />
<div>
<table id="iTableAttachments">
<thead>
<tr>
<td>Attached files</td>
<td></td>
</tr>
<tbody id="iAttachments"></tbody>
</table>
<script>
var ms = new MultiSelector(document.getElementById('iAttachment s'), 3 );
ms.addElement(document.getElementById('iAttach'));
</script>
</div>
</form>
</body>
</html>