API del componente Zona de arrastre

Importación

import-dropzone.ts

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

Un lugar donde soltar archivos, o elegirlos.

NuiDropzone: Propiedades
Nombre	Tipo	Predeterminado	Descripción
`files`Bidireccional	`File[]`	`[]`	Los archivos que contiene, en orden.
`accept`Input	`string`		Los tipos de archivo que acepta, como en `<input type="file">`.
`multiple`Input	`boolean`	`true`	Más de un archivo a la vez.
`directory`Input	`boolean`	`false`	Ofrece un botón para elegir una carpeta.
`maxFiles`Input	`number`	`Infinity`	Cuántos archivos admite.
`maxSize, minSize`Input	`number (bytes)`		El tamaño máximo y mínimo de un archivo, en bytes.
`validate`Input	`(file: File) => string \| null`		Comprueba cada archivo. Si devuelve un mensaje, el archivo se rechaza.
`upload`Input	`NuiUploader<R>`		Envía un archivo. Sin esta función, los archivos solo se guardan.
`concurrency`Input	`number`	`3`	Cuántos archivos se suben a la vez.
`hint`Input	`string`		Una línea bajo el texto de la zona, por ejemplo con lo que acepta.
`disabled`Input	`boolean`	`false`	No acepta archivos.
`labels`Input	`Partial<NuiDropzoneLabels>`		Todos los textos que muestra o anuncia, para traducirlos.
`uploaded`Output	`NuiUpload<R>`		Emite un archivo subido, con lo que devolvió `upload`.
`rejected`Output	`{ file, reason }[]`		Emite los archivos rechazados, con los motivos.
`queue`Propiedad	`NuiUploadQueue<R>`		La cola de subidas, para cancelar, reintentar y leer el progreso desde el código.
`take`Método	`(files: Iterable<File>) => void`		Añade archivos desde el código, comprobando cada uno.

Envía un archivo: informa del progreso de 0 a 1 y se detiene cuando se aborta el signal.

NuiUploader: Propiedades
Nombre	Tipo	Predeterminado	Descripción
`(file, context)`Método	`(file: File, { signal, progress }) => Promise<R>`		Devuelve una promesa con lo que responda tu servidor.