ఇంపోర్ట్
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 ను రిటర్న్ చేస్తుంది. |