ઇમ્પોર્ટ
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> | તમારું સર્વર જે પણ જવાબ આપે, તેનું પ્રૉમિસ પાછું આપે છે. |