ਇੰਪੋਰਟ
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> | ਤੁਹਾਡਾ ਸਰਵਰ ਜੋ ਵੀ ਜਵਾਬ ਦੇਵੇ, ਉਸ ਦਾ ਪ੍ਰੌਮਿਸ ਮੋੜਦਾ ਹੈ। |