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
Creare una datatable utilizzando Angular CDK
Inviare web push notification da ASP.NET Core Parte 2
Data Access with Entity Framework
Mettere in binding un url in Angular
From www to PWA in 15 minutes
Aumentare il livello di sicurezza FTP di una Azure Web App
Utilizzare una tabella esterna per memorizzare un owned type con Entity Framework Core 2
Realizzare una griglia con elementi a dimensione dinamica nella Universal Windows Platform
Realizzare applicazioni Windows con React Native
Inviare web push notification da ASP.NET Core
Documentare le nostre Web API con Swagger in ASP.NET Core 2.1
Passare valori a un component in ReactJS
