Eine Ablagefläche und eine Dateiauswahl in einem. FileUpload prüft Größe, Typ und Anzahl, listet die akzeptierten Dateien auf und teilt Ihrem Code mit, wenn sich die Liste ändert.
Warum es hilft
- Ziehen und Ablegen oder auswählen
- Prüfung von Größe, Typ und Anzahl
- Akzeptierte Dateien aufgelistet
Wo es passt
- Anhänge
- Einreichen von Dokumenten
- Bild-Uploads
Beispiel
<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;
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.