Uma área de soltar e um seletor de arquivos em um só. FileUpload verifica tamanho, tipo e quantidade, lista os arquivos aceitos e avisa seu código quando a lista muda.
Por que ajuda
- Arrastar e soltar ou escolher
- Verificações de tamanho, tipo e quantidade
- Arquivos aceitos listados
Onde se encaixa
- Anexos
- Envio de documentos
- Upload de imagens
Exemplo
<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;
}Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.
Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.