API du composant Zone de dépôt

Import

import-dropzone.ts

import { NuiDropzone, type NuiUploader } from '@needless-ui/angular/dropzone';

Un endroit où déposer des fichiers, ou les choisir.

NuiDropzone: Propriétés
Nom	Type	Par défaut	Description
`files`Bidirectionnel	`File[]`	`[]`	Les fichiers qu’elle contient, dans l’ordre.
`accept`Input	`string`		Les types de fichiers acceptés, comme pour `<input type="file">`.
`multiple`Input	`boolean`	`true`	Plusieurs fichiers à la fois.
`directory`Input	`boolean`	`false`	Propose un bouton pour choisir un dossier.
`maxFiles`Input	`number`	`Infinity`	Le nombre de fichiers qu’elle peut contenir.
`maxSize, minSize`Input	`number (bytes)`		La taille maximale et minimale d’un fichier, en octets.
`validate`Input	`(file: File) => string \| null`		Contrôle chaque fichier. S’il renvoie un message, le fichier est refusé.
`upload`Input	`NuiUploader<R>`		Envoie un fichier. Sans cette fonction, les fichiers sont seulement conservés.
`concurrency`Input	`number`	`3`	Le nombre de fichiers envoyés en même temps.
`hint`Input	`string`		Une ligne sous le texte de la zone, par exemple ce qu’elle accepte.
`disabled`Input	`boolean`	`false`	Elle n’accepte aucun fichier.
`labels`Input	`Partial<NuiDropzoneLabels>`		Tous les textes qu’elle affiche ou annonce, à traduire.
`uploaded`Output	`NuiUpload<R>`		Émet un fichier envoyé, avec ce qu’a renvoyé `upload`.
`rejected`Output	`{ file, reason }[]`		Émet les fichiers refusés, avec les raisons.
`queue`Propriété	`NuiUploadQueue<R>`		La file d’attente des envois, pour annuler, relancer et lire la progression depuis le code.
`take`Méthode	`(files: Iterable<File>) => void`		Ajoute des fichiers depuis le code, en contrôlant chacun.

Envoie un fichier : signale la progression de 0 à 1, et s’arrête quand le signal est annulé.

NuiUploader: Propriétés
Nom	Type	Par défaut	Description
`(file, context)`Méthode	`(file: File, { signal, progress }) => Promise<R>`		Renvoie une promesse de ce que répond votre serveur.