Una zona de soltar y un selector de archivos en uno. FileUpload comprueba tamaño, tipo y número, enumera los archivos aceptados y avisa a tu código cuando la lista cambia.
Por qué ayuda
- Arrastrar y soltar o elegir
- Comprobaciones de tamaño, tipo y número
- Archivos aceptados enumerados
Dónde encaja
- Adjuntos
- Envío de documentos
- Carga de imágenes
Ejemplo
<FileUpload Label="Attachments" Multiple="true" MaxFiles="3" MaxFileSize="2097152" FilesChanged="OnFiles" />
<FileUpload Label="Images only" Accept="image/*,.svg" FilesChanged="OnFiles" />
<span>Chosen files: @_count</span>
@code {
private int _count;
private void OnFiles(IReadOnlyList<IBrowserFile> files) => _count = files.Count;
}Un breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.
Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.