इम्पोर्ट
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> | आपका सर्वर जो भी जवाब दे, उसका प्रॉमिस लौटाता है। |