Lassen Sie mich zunächst das Mehrfachattribut einer Datei in HTML5 vorstellen.
Definition und Verwendung
Das Mehrfachattribut gibt an, dass das Eingabefeld mehrere Werte auswählen kann. Wenn dieses Attribut verwendet wird, kann das Feld mehrere Werte annehmen.
Beispiel:
<form action="demo_form.asp" method="get"> Select images: <input type="file" name="img" multiple="multiple" /> <input type="submit" /> </form>
Die Eingabedatei im obigen Beispiel kann mehrere Datei-Upload-Felder akzeptieren.
Nachdem wir das Mehrfachattribut einer Datei in HTML5 verstanden haben, beginnen wir mit der Erklärung, wie man HTML5 zum Hochladen mehrerer Dateien verwendet.
Beispielcode:
html:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <form action="my_parser.php" method="post" enctype="multipart/form-data"> <p><input name="upload[]" type="file" multiple="multiple" /></p> <input type="submit" value="Upload all files"> </form> </body> </html>
PHP-Code:
for($i=0; $i<count($_FILES['upload']['name']); $i++) {
//Get the temp file path
$tmpFilePath = $_FILES['upload']['tmp_name'][$i];
//Make sure we have a filepath
if ($tmpFilePath != ""){
//Setup our new file path
$newFilePath = "./uploadFiles/" . $_FILES['upload']['name'][$i];
//Upload the file into the temp dir
if(move_uploaded_file($tmpFilePath, $newFilePath)) {
//Handle other code here
}
}
}
Vielen Dank fürs Lesen, ich hoffe, es kann Ihnen helfen, vielen Dank für Ihre Unterstützung dieser Website!
Weitere PHP-bezogene Artikel mit HTML5 zum Implementieren mehrerer Datei-Upload-Beispiele finden Sie auf der chinesischen PHP-Website!
Einführung in die Bedeutung von Cloud-Download-Fenstern
Lösung für die vscode-Einstellung der chinesischen Schnittstelle wird nicht wirksam
So schließen Sie Port 135 445
Warum öffnet sich die mobile Festplatte so langsam?
So verwenden Sie Split in Python
Handy-Bildschirm tft
So ändern Sie die Größe von Bildern in PS
0x80070057 Parameterfehlerlösung
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
