Upload
Click or drag to select files; displays the file list and upload progress.
Basic Usage
Basic (select files)
Multiple & Limit
Multiple + max
max limits the maximum number of selectable files; accept filters file types.
Auto Upload
Auto upload (simulated progress)
With auto-upload, adding a file automatically simulates upload progress; the progress bar reuses oas-progress.
Disabled
Disabled
Events
Change events
Listen to oas-change / oas-remove / oas-upload:
API
Attributes
| Attribute | Description | Type | Default |
|---|---|---|---|
accept | Accepted file types | string | — |
auto-upload | Auto-simulate upload after adding | boolean | — |
disabled | Disabled | boolean | — |
files | File list (property, File[]) | File[] | [] |
max | Maximum number of files | string | 0 |
multiple | Multiple selection | boolean | — |
Events
| Event | Description |
|---|---|
oas-change | File list change, detail: { files } |
oas-remove | File removed, detail: { file, index } |
oas-upload | Upload progress, detail: { file, percent, status } |
Keyboard: Enter / Space on the drop zone opens the file picker; remove buttons are focusable.