Gå til indholdet
FARVE OG FIL · FREE

FileUpload

Træk og slip eller vælg filer, med indbygget kontrol af størrelse og type.

En slipzone og en filvælger i ét. FileUpload kontrollerer størrelse, type og antal, viser de accepterede filer og fortæller din kode, når listen ændres.

Hvorfor det hjælper

  • Træk og slip eller vælg
  • Kontrol af størrelse, type og antal
  • Accepterede filer vist

Hvor det passer

  • Vedhæftninger
  • Indsendelse af dokumenter
  • Billedupload
Kontrollen FileUpload på en RayCraft-side

Eksempel

<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;
}

Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.

Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentation