Form
File Upload
Choose files with a button. Selected files show as removable chips; files that fail the type or size check are listed in an error message.
import { FileUploadComponent } from '@/MigsLab/shared'
Example
0 file(s).
const files = ref<File[]>([])
<FileUploadComponent
v-model="files"
accept="jpg,png,pdf"
:max-size="5 * 1024 * 1024"
multiple
@file-added="File_Added"
@file-removed="File_Removed"
/>API
Props
| Name | Type | Default | Description |
|---|---|---|---|
v-model | File[] | [] | Selected files. |
accept | string | '' | Comma-separated extensions (jpg, .png) and/or MIME types (image/*). Empty accepts everything. |
maxSize | number | 0 | Maximum file size in bytes. 0 means no limit. |
multiple | boolean | false | Allow several files; new picks are appended, duplicates skipped. |
disabled | boolean | false | Disable the picker. |
buttonText | string | 'Select file' | Button label. |
Events
| Event | Payload | Description |
|---|---|---|
file-added | File[] | Valid files that were added. |
file-removed | File | A file chip was removed. |
file-rejected | File[] | Files that failed the type or size check. |