API di Dropzone · Needless UI

Import

import-dropzone.ts

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

Un’area in cui trascinare i file, o da cui sceglierli.

NuiDropzone: Proprietà
Nome	Tipo	Predefinito	Descrizione
`files`Bidirezionale	`File[]`	`[]`	I file che contiene, in ordine.
`accept`Input	`string`		I tipi di file accettati, come per `<input type="file">`.
`multiple`Input	`boolean`	`true`	Più di un file alla volta.
`directory`Input	`boolean`	`false`	Offre un pulsante per scegliere una cartella.
`maxFiles`Input	`number`	`Infinity`	Quanti file può contenere.
`maxSize, minSize`Input	`number (bytes)`		La dimensione massima e minima di un file, in byte.
`validate`Input	`(file: File) => string \| null`		Controlla ogni file: se restituisce un messaggio, il file viene rifiutato.
`upload`Input	`NuiUploader<R>`		Invia un file. Senza questa funzione, i file vengono solo conservati.
`concurrency`Input	`number`	`3`	Quanti file si caricano contemporaneamente.
`hint`Input	`string`		Una riga sotto il testo della zona, per esempio cosa accetta.
`disabled`Input	`boolean`	`false`	Non accetta file.
`labels`Input	`Partial<NuiDropzoneLabels>`		Ogni testo che mostra o annuncia, da tradurre.
`uploaded`Output	`NuiUpload<R>`		Emette un file caricato, con ciò che ha restituito `upload`.
`rejected`Output	`{ file, reason }[]`		Emette i file rifiutati, con i motivi.
`queue`Proprietà	`NuiUploadQueue<R>`		La coda dei caricamenti, per annullare, riprovare e leggere l’avanzamento da codice.
`take`Metodo	`(files: Iterable<File>) => void`		Aggiunge file da codice, controllandoli uno per uno.

Invia un file: riporta l’avanzamento da 0 a 1, e si ferma quando il signal segnala l’annullamento.

NuiUploader: Proprietà
Nome	Tipo	Predefinito	Descrizione
`(file, context)`Metodo	`(file: File, { signal, progress }) => Promise<R>`		Restituisce una promise con qualunque cosa risponda il tuo server.