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
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Eseguire operazioni con timeout in React
Recuperare un elemento inserito nella cache del browser tramite API JavaScript
Eseguire le GitHub Actions offline
Miglioramenti agli screen reader e al contrasto in Angular
Reactive form tipizzati con FormBuilder in Angular
Implementare l'infinite scroll con QuickGrid in Blazor Server
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Generare token per autenicarsi sulle API di GitHub
Utilizzare politiche di resiliency con Azure Container App
Utilizzare la versione generica di EntityTypeConfiguration in Entity Framework Core
Load test di ASP.NET Core con k6