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
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Ottimizzare il mapping di liste di tipi semplici con Entity Framework Core
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Evitare la script injection nelle GitHub Actions
.NET Conference Italia 2023
Utilizzare un service principal per accedere a Azure Container Registry
Utilizzare la session affinity con Azure Container Apps
Ottimizzare la latenza in Blazor 8 tramite InteractiveAuto render mode
Utilizzare Model as a Service su Microsoft Azure
Creazione di plugin per Tailwind CSS: espandere le Funzionalità del Framework
C# 12: Cosa c'è di nuovo e interessante
I più letti di oggi
- Utilizzare WebAssembly con .NET, ovunque
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- Utilizzare il trigger SQL con le Azure Function
- Ottimizzazione dei block template in Angular 17
- Disabilitare automaticamente un workflow di GitHub (parte 2)