En släppyta och en filväljare i ett. FileUpload kontrollerar storlek, typ och antal, listar de godkända filerna och meddelar din kod när listan ändras.
Varför det hjälper
- Dra och släpp eller välj
- Kontroll av storlek, typ och antal
- Godkända filer listade
Var det passar
- Bilagor
- Inlämning av dokument
- Bilduppladdningar
Exempel
<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;
}Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.
Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.