Een neerzetgebied en een bestandskiezer in één. FileUpload controleert grootte, type en aantal, toont de geaccepteerde bestanden en meldt je code wanneer de lijst verandert.
Waarom het helpt
- Slepen en neerzetten of kiezen
- Controle op grootte, type en aantal
- Geaccepteerde bestanden getoond
Waar het past
- Bijlagen
- Documenten indienen
- Afbeeldingen uploaden
Voorbeeld
<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;
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.