Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie gehe ich mit mehreren Datei-Uploads mit formData() um?

Barbara Streisand
Freigeben: 2024-10-22 20:30:03
Original
257 Leute haben es durchsucht

How to Handle Multiple File Uploads Using formData()?

Mehrere Dateien mit formData() hochladen

Das Hochladen mehrerer Dateien mit der FormData()-Methode erfordert eine etwas andere Syntax als das Hochladen einer einzelnen Datei. Der bereitgestellte Originalcode lädt nur die erste Datei hoch, die mit der Eigenschaft „files[0]“ ausgewählt wurde. Um mehrere Datei-Uploads zu verarbeiten, müssen Sie die ausgewählten Dateien durchlaufen und jede einzelne an das FormData-Objekt anhängen.

JavaScript:

var files = document.getElementById('fileToUpload').files;
for (var x = 0; x < files.length; x++) {
    fd.append("fileToUpload[]", files[x]);
}
Nach dem Login kopieren

In diesem überarbeiteten Code , verwenden wir files.length, um die Anzahl der ausgewählten Dateien zu bestimmen, durchlaufen dann die Dateien und hängen jede einzelne mit dem Schlüssel „fileToUpload[]“ an das FormData-Objekt an.

PHP:

$count = count($_FILES['fileToUpload']['name']);
for($i = 0; $i < $count; $i++){
    echo 'Name: '.$_FILES['fileToUpload']['name'][$i].'<br/>';
}
Nach dem Login kopieren

Auf der PHP-Seite müssen Sie den Code ändern, um mehrere Datei-Uploads mithilfe der count()-Funktion und dem Durchlaufen der Dateien mithilfe eines Index zu verarbeiten. Dadurch können Sie auf jede hochgeladene Datei einzeln zugreifen und diese bearbeiten.

Das obige ist der detaillierte Inhalt vonWie gehe ich mit mehreren Datei-Uploads mit formData() um?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!