Trimiterea fișierelor
Pentru alegerea fișierelor pe un formular, elementul input cu atributul type="file" este responsabil:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Trimiterea fișierelor în HTML5</title>
</head>
<body>
<form enctype="multipart/form-data" method="post" action="http://localhost:8080/postfile.php">
<p>
<input type="file" name="file" />
</p>
<p>
<input type="submit" value="Trimite" />
</p>
</form>
</body>
</html>
La apăsarea butonului "Alegeți fișierul" se deschide o fereastră de dialog pentru alegerea fișierului. Și după alegere, lângă buton se afișează numele fișierului selectat.
Este important de menționat că pentru trimiterea fișierului pe server, formularul trebuie să aibă atributul enctype="multipart/form-data".
Cu ajutorul unui șir de atribute putem configura în plus elementele de alegere a fișierului:
- accept: stabilește tipul de fișiere care sunt permise pentru alegere
- multiple: permite alegerea mai multor fișiere
- required: necesită selectarea obligatorie a unui fișier
De exemplu, alegerea multiplă a fișierelor:
<form enctype="multipart/form-data" method="post" action="http://localhost:8080/postfile.php">
<p>
<input type="file" name="file" multiple />
</p>
<p>
<input type="submit" value="Trimite" />
</p>
</form>La apăsarea butonului se deschide de asemenea o fereastră de dialog pentru alegerea fișierelor, doar că acum, ținând apăsată tasta CTRL sau Shift, putem selecta mai multe fișiere, și după alegere, lângă buton se va afișa numărul fișierelor selectate.
