API der Komponente Dropzone

Import

import-dropzone.ts

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

Ein Ort, um Dateien abzulegen oder auszuwählen.

NuiDropzone: Eigenschaften
Name	Typ	Standardwert	Beschreibung
`files`Two-Way	`File[]`	`[]`	Die Dateien, die sie hält, der Reihe nach.
`accept`Input	`string`		Die erlaubten Dateitypen, wie bei `<input type="file">`.
`multiple`Input	`boolean`	`true`	Mehr als eine Datei auf einmal.
`directory`Input	`boolean`	`false`	Bietet einen Button zur Auswahl eines Ordners.
`maxFiles`Input	`number`	`Infinity`	Wie viele Dateien sie hält.
`maxSize, minSize`Input	`number (bytes)`		Die maximale und minimale Dateigröße in Byte.
`validate`Input	`(file: File) => string \| null`		Prüft jede Datei. Gibt sie eine Meldung zurück, wird die Datei abgelehnt.
`upload`Input	`NuiUploader<R>`		Sendet eine Datei. Ohne diese Funktion werden Dateien nur gehalten.
`concurrency`Input	`number`	`3`	Wie viele Dateien gleichzeitig hochgeladen werden.
`hint`Input	`string`		Eine Zeile unter dem Text der Zone, etwa welche Dateien sie annimmt.
`disabled`Input	`boolean`	`false`	Sie nimmt keine Dateien an.
`labels`Input	`Partial<NuiDropzoneLabels>`		Alle Texte, die sie anzeigt oder ansagt, zum Übersetzen.
`uploaded`Output	`NuiUpload<R>`		Emittiert eine hochgeladene Datei mit dem, was `upload` zurückgegeben hat.
`rejected`Output	`{ file, reason }[]`		Emittiert die abgelehnten Dateien mit den Gründen.
`queue`Eigenschaft	`NuiUploadQueue<R>`		Die Upload-Warteschlange, um per Code abzubrechen, zu wiederholen und den Fortschritt zu lesen.
`take`Methode	`(files: Iterable<File>) => void`		Fügt per Code Dateien hinzu und prüft jede einzelne.

Sendet eine Datei: meldet den Fortschritt von 0 bis 1 und stoppt, sobald das Signal einen Abbruch meldet.

NuiUploader: Eigenschaften
Name	Typ	Standardwert	Beschreibung
`(file, context)`Methode	`(file: File, { signal, progress }) => Promise<R>`		Gibt ein Promise mit dem zurück, was dein Server antwortet.