Upload multiplo di file con HTML5
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
Dallo sviluppo locale ad Azure con .NET Aspire
Effettuare un clone parziale di un repository di GitHub
Recuperare le subissue e il loro stato di completamento in GitHub
Evitare la compressione degli artefatti in un workflow di GitHub
Gestire gli errori nelle Promise JavaScript con try()
Personalizzare i parametri del CSS Scroll Snap
Agentic Workflows in GitHub
Utilizzare Containers in .NET Aspire
Utilizzare i named query filter di Entity Framework
Eliminare record doppi in Sql Server
Gestire pubblicazione Kubernetes tramite .NET Aspire
Esporre workflow come server MCP con Azure Logic Apps
