Dall'archivio script > HTML5

Upload multiplo di file con HTML5

di Matteo CasatiMatteo Casati,

Le specifiche di HTML5 prevedono la possibilità di inviare al server più file utilizzando un singolo controllo di tipo upload.
Impostando l'attributo multiple all'input di tipo file l'utente può infatti selezionare contemporaneamente più elementi.

È anche possibile specificare l'attributo accept per definire l'elenco dei mime-type consentiti per i file da caricare; ad esempio specificando accept="text/*" sarà possibile selezionare solo file di testo (qualsiasi formato), con accept="text/xml" solo file di tipo XML (.xml, .xsl, .xsd, ecc.), con accept="image/*" solo immagini e con accept="image/gif,image/jpeg" solo immagini in formato GIF o JPEG.

<!doctype html>
<html>
  <head>
    <title>HTML5Italia.com</title>    
  </head>
  <body>
    <form action="/" method="post" enctype="multipart/form-data">
      <input type="file" name="images" accept="image/*" multiple>
      <button>Invia</button>
    </form>
  </body>
</html>

L'attributo multiple può essere impostato al valore "multiple" - multiple="multiple" - oppure essere lasciato vuoto come nell'esempio.

L'elenco completo delle proprietà del controllo di upload file è disponibile all'indirizzo http://www.w3.org/TR/html-markup/input.file.html

Commenti

Visualizza/aggiungi commenti

| Condividi su: LinkedIn, Facebook
Aggiorna

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi