Uploadscript mit Drag&Drop verbessern/erstellen

[Rocky007]

Hallo ,
ich habe ein Uploadscript geschrieben, dass mir Dateien auf einen Server in einen bestimmten Ordner hochlädt.
Nun habe ich mit HTML 30 Felder für die Dateien zum hochladen erstellt.
Leider ist es sehr mühsam alle Dateien einzeln auszuwählen.
Nun komme ich zu einem Problem (kann leider noch nicht so gut JavaScript/Jquery, bins gerade dank eines Buches am lernen):
Ich möchte, dass ich beliebig viele Dateien von meinem Rechner via Drag&Drop (mit Javascript/Jquery, bitte kein HTML5) hinzufügen und beim klick auf "Hochladen!" alle files nacheinander (eventuell mit Fortschrittsbalken) hochladen.
Könnt ihr mir da weiterhelfen und mir mit einem solchen Script helfen?
Danke Schonmal,
Rocky007
Hier noch der Source Code meines bisherigen Formulars:

<form action="upload.php" method="post" enctype="multipart/form-data">
<font size="3" family="Calibri">Mehrere Scans gleichzeitig hochladen</font><br /><br />
<table>
 <tr>
  <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td>
 </tr>
 <tr>
  <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td>
 </tr>
 <tr>
  <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td>
 </tr>
 <tr>
  <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td>
 </tr>
 <tr>
  <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td>
 </tr>
 <tr>
  <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td>
 </tr>
 <tr>
  <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td>
 </tr>
 <tr>
  <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td>
 </tr>
 <tr>
  <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td>
 </tr>
 <tr>
  <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td> <td><input type="file" name="thefile[]"></td>
 </tr>
</table>
<input type="submit" value="Hochladen!">
</form>

 

[Tar]

Ich denke du suchst so etwas.

Ansonsten suchst du am besten nach "jQuery multiple file upload" oder ähnlichem.