Ich habe einen erfolgreichen Upload-Code, der mit AJAX einwandfrei funktioniert, wenn ich jede hochzuladende Datei aus dem Dialogfeld auswähle. Jeder Upload hat also ein eigenes Formular und eine eigene Eingabedatei (Schaltfläche zum Hochladen), wie unten dargestellt. Der aktuelle Code lädt Dateien nacheinander hoch, da der Benutzer mehr als ein Foto auswählen kannaber nicht zusammen & Ich verwende den Warteschlangenalgorithmus mit setTimeout in Javascript, um zu überprüfen, ob der erste Upload abgeschlossen ist, um den zweiten, dritten usw. Upload zu starten.

<form id="form1">
    <input type="file" id="userfile1" name="userfile[]" multiple/>
</form>

<form id="form2">
    <input type="file" id="userfile2" name="userfile[]" multiple/>
</form>
.
.
.

Das Problem: Wenn ich jetzt mit der ersten Eingabedatei mehrere Bilder zum Hochladen auswähle (sagen wir zwei Bilder mit Strg), werden sie in diesem Array angezeigt:

document.getElementById('userfile1').files; 

Wie kann ich nun das zweite ausgewählte Bild der zweiten Eingabedatei zuordnen?

userfile2

Weil ich den Upload wie bisher fortsetzen möchte? Es funktioniert nicht mit mir und ich habe gelesen, dass es Sicherheitsbedenken gibt, die Eingabedatei zu aktualisieren, aber ich muss dem ausgewählten Benutzer einen Pfad zuweisen.

Ich möchte FromData nicht mit AJAX verwenden, da dies dazu führt, dass sich mein gesamter Code ändert. Außerdem ist es nicht mit allen Browsern wie meinem Code kompatibel.

Vielen dank für Deine Hilfe