ಇಂಪೋರ್ಟ್
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 ಅನ್ನು ಹಿಂದಿರುಗಿಸುತ್ತದೆ. |