امپورٹ
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
ایک فائل بھیجتا ہے: 0 سے 1 تک پیش رفت بتاتا ہے، اور signal منسوخ ہونے پر رک جاتا ہے۔
| نام | ٹائپ | ڈیفالٹ | تفصیل |
|---|---|---|---|
(file, context)میتھڈ | (file: File, { signal, progress }) => Promise<R> | آپ کا سرور جو بھی جواب دے، اس کا promise لوٹاتا ہے۔ |