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
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
ChatOps con GitHub
Controllare gli accessi IP alle app con Azure Container Apps
Personalizzare le richieste con i rule set di Azure Front Door
Organizzare il codice JavaScript utilizzando i moduli
Monitorare i server on-premises con Azure Arc
Migliorare la scalabilità di ASP.NET Core 7 grazie all'output cache
Utilizzare le Cache API di JavaScript per salvare elementi nella cache del browser
Migrare un repository git da Azure DevOps a GitHub
Ottenere il riferimento alla finestra che ha aperto un'altra finestra con HTML5 e JavaScript
Usare Azure Application Gateway come reverse proxy per ASP.NET Core
Gestire gli errori di caricamento delle immagini
Leggere i dati di configurazione di ASP.NET Core da Azure Key Vault