Une zone de dépôt et un sélecteur de fichiers en un. FileUpload vérifie la taille, le type et le nombre, liste les fichiers acceptés et informe votre code quand la liste change.
Pourquoi c’est utile
- Glisser-déposer ou choisir
- Contrôles de taille, type et nombre
- Fichiers acceptés listés
Où il trouve sa place
- Pièces jointes
- Dépôt de documents
- Envoi d’images
Exemple
<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;
}Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.