इम्पोर्ट
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 पर्यंत प्रगती कळवते, आणि सिग्नल रद्द झाल्यावर थांबते.
| नाव | प्रकार | डीफॉल्ट | वर्णन |
|---|---|---|---|
(file, context)मेथड | (file: File, { signal, progress }) => Promise<R> | आपला सर्व्हर जे उत्तर देईल, त्याचे प्रॉमिस परत करते. |