Hopp til innholdet
FARGE OG FIL · FREE

FileUpload

Dra og slipp eller velg filer, med innebygd kontroll av størrelse og type.

En slippsone og en filvelger i ett. FileUpload kontrollerer størrelse, type og antall, lister de godkjente filene og gir koden din beskjed når listen endres.

Hvorfor det hjelper

  • Dra og slipp eller velg
  • Kontroll av størrelse, type og antall
  • Godkjente filer listet

Hvor det passer

  • Vedlegg
  • Innlevering av dokumenter
  • Bildeopplastinger
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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentasjon