So laden Sie mehrere Dateien mit FormData() und XMLHttpRequest hoch

Mehrere Dateien mit formData() hochladen

Mit dem bereitgestellten Code-Snippet können Sie eine einzelne Datei mithilfe der FormData()-Schnittstelle und XMLHttpRequest hochladen . Um das Hochladen mehrerer Dateien zu ermöglichen, muss der Ansatz jedoch geändert werden.

JavaScript:

Entfernen Sie den Index [0] aus der Append-Anweisung und verwenden Sie a Schleife, um die ausgewählten Dateien zu durchlaufen. Die Eigenschaft „files.length“ bestimmt die Anzahl der ausgewählten Dateien.

<code class="javascript">var files = document.getElementById('fileToUpload').files;
for (var x = 0; x < files.length; x++) {
    fd.append("fileToUpload[]", files[x]);
}

PHP:

Rufen Sie auf der Serverseite die hochgeladenen Dateien mit dem folgenden Code ab:

<code class="php">$count = count($_FILES['fileToUpload']['name']);
for ($i = 0; $i < $count; $i++) {
    echo 'Name: ' . $_FILES['fileToUpload']['name'][$i] . '<br/>';
}</code>

Mit dieser Methode können Sie mehrere Dateien mit individuellen Namen hochladen und bei Bedarf auf dem Server verarbeiten.

Das obige ist der detaillierte Inhalt vonSo laden Sie mehrere Dateien mit FormData() und XMLHttpRequest hoch. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!