Import

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

NuiDropzone

Papan kanggo nyelehake berkas, utawa milih berkas.

Selector
nui-dropzone
NuiDropzone: Properti
JenengJinisGawanKatrangan
filesRong arahFile[][]Berkas sing disimpen, miturut urutan.
acceptInputstringJinis berkas sing ditampa, kaya ing <input type="file">.
multipleInputbooleantrueLuwih saka siji berkas sepisan.
directoryInputbooleanfalseNyedhiyakake tombol kanggo milih folder.
maxFilesInputnumberInfinityPira berkas sing bisa disimpen.
maxSize, minSizeInputnumber (bytes)Ukuran berkas paling gedhe lan paling cilik, ing bita.
validateInput(file: File) => string | nullMriksa saben berkas. Yen mbalekake pesen, berkas ditolak.
uploadInputNuiUploader<R>Ngirim berkas. Tanpa iki, berkas mung disimpen.
concurrencyInputnumber3Pira berkas sing diunggah bebarengan.
hintInputstringBaris ing sangisore teks area, kayata apa sing ditampa.
disabledInputbooleanfalseOra nampa berkas.
labelsInputPartial<NuiDropzoneLabels>Saben teks sing ditampilake utawa diumumake, kanggo diterjemahake.
uploadedOutputNuiUpload<R>Ngetokake berkas sing wis diunggah, bareng apa sing dibalekake upload.
rejectedOutput{ file, reason }[]Ngetokake berkas sing ditolak, bareng alesane.
queuePropertiNuiUploadQueue<R>Antrian unggahan, kanggo mbatalake, nyoba maneh lan maca progres saka kode.
takeMetode(files: Iterable<File>) => voidNambahake berkas saka kode, sarta mriksa saben berkas.

NuiUploader

Ngirim siji berkas: nglaporake progres saka 0 nganti 1, lan mandheg nalika signal dibatalake.

NuiUploader: Properti
JenengJinisGawanKatrangan
(file, context)Metode(file: File, { signal, progress }) => Promise<R>Mbalekake promise saka apa wae jawaban server panjenengan.