ایمپورت
import { NuiDropzone, type NuiUploader } from '@needless-ui/angular/dropzone';NuiDropzone
جایی برای رها کردن فایلها، یا انتخابشان.
| نام | نوع | پیشفرض | توضیح |
|---|---|---|---|
filesدوطرفه | File[] | [] | فایلهایی که نگه میدارد، به ترتیب. |
acceptورودی | string | نوع فایلهایی که میپذیرد، مانند <input type="file">. | |
multipleورودی | boolean | true | بیش از یک فایل در هر بار. |
directoryورودی | boolean | false | دکمهای برای انتخاب پوشه نشان میدهد. |
maxFilesورودی | number | Infinity | حداکثر تعداد فایلهایی که نگه میدارد. |
maxSize, minSizeورودی | number (bytes) | بزرگترین و کوچکترین اندازهٔ فایل، به بایت. | |
validateورودی | (file: File) => string | null | هر فایل را بررسی میکند. اگر پیامی برگرداند، فایل رد میشود. | |
uploadورودی | NuiUploader<R> | یک فایل را میفرستد. بدون آن، فایلها فقط نگه داشته میشوند. | |
concurrencyورودی | number | 3 | تعداد فایلهایی که همزمان آپلود میشوند. |
hintورودی | string | یک خط زیر متن ناحیه، مثلاً دربارهٔ فایلهایی که میپذیرد. | |
disabledورودی | boolean | false | هیچ فایلی نمیپذیرد. |
labelsورودی | Partial<NuiDropzoneLabels> | همهٔ متنهایی که نشان میدهد یا اعلام میکند، برای ترجمه. | |
uploadedخروجی | NuiUpload<R> | فایل آپلودشده را همراه با آنچه upload برگردانده منتشر میکند. | |
rejectedخروجی | { file, reason }[] | فایلهای ردشده را همراه با دلیلشان منتشر میکند. | |
queueویژگی | NuiUploadQueue<R> | صف آپلود، برای لغو، تلاش دوباره و خواندن پیشرفت از کد. | |
takeمتد | (files: Iterable<File>) => void | فایلهایی را از کد اضافه میکند و هر کدام را بررسی میکند. |
NuiUploader
یک فایل را میفرستد: پیشرفت را از ۰ تا ۱ گزارش میکند و وقتی سیگنال لغو شود، متوقف میشود.
| نام | نوع | پیشفرض | توضیح |
|---|---|---|---|
(file, context)متد | (file: File, { signal, progress }) => Promise<R> | یک promise از هر پاسخی که سرورتان بدهد برمیگرداند. |