Eine der netten Neuerungen in HTML 5 ist die Möglichkeit, mehrere Dateien über ein Dateieingabefeld hoch zu laden. Man braucht zwar dazu einen Browser, der HTML 5 so weit unterstützt, aber das werden ja immer mehr wie Firefox 4, der neueste Chrome von Google oder Safari 5.0.4. Der Internet Explorer 9 kann es leider noch nicht.
Im Grunde ist die Programmierung des HTML 5 – Formulars recht einfach:

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>HTML5 Mehrfach-Dateiupload</title>
<link rel="stylesheet" href="scr.css" media="screen">
<style media="screen"></style>
</head>
<body>
<form action="anzeige.php" method="post" enctype="multipart/form-data">
<input type="file" value="" name="upload[]" multiple>
<button type="submit">Hochladen</button>
</form>
</body>
</html>

Wenn dann der Auswahldialog kommt, kann man mehrere Dateien (zum Beispiel Fotos) markieren, die dann über das Dateieingabefeld „upload[]“ zum Server übertragen werden, wenn man die Schaltfläche „Hochladen“ anklickt. Das dadurch aufgerufene PHP – Programm „anzeige.php“ gibt einfach nur die Inhalte des $_FILES-Arrays aus, so dass man die übertragenen Dateien sehen kann:

<?php
print_r( $_FILES );
?>