இம்போர்ட்
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-ஐத் திருப்பித் தருகிறது. |