e8-form-files
Updated on Sep 18, 2025 17 minutes to readA file list and upload component for displaying, uploading and removing multiple files.
Overview
e8-form-files renders a gallery-style control where users can preview existing files, upload new files, or remove them when allowed.
It supports both drag-and-drop and manual selection.
<e8-form-files
v-model="vars.files"
owner-script-alias="lstExample"
accept="image/*"
label="Attachments"
:save-option-width="1200"
:save-option-height="800"
save-option-format="JPEG"
:save-option-compress="80"
></e8-form-files>
🔽 Show more
Properties
| Property | Description | Type | Default |
|---|---|---|---|
| accept | Restricts selectable file types. Example: "image/*" or ".pdf,.docx". | string | — |
| deletion-confirmation | Enables a confirmation prompt before file removal. | boolean | true |
| label | Custom label text; set to false to hide label. | string | boolean | — |
| max-image-size | Maximum image size (in KB). | number | string | — |
| owner-script-alias | Alias used to resolve the upload URL. | string | — |
| readonly | Disables upload and delete actions when true. | boolean | false |
| save-option-compress | Compression level (0–100) for image uploads. | number | 100 |
| save-option-format | Output image format. | E8FileManipulationImageFormats | — |
| save-option-height | Target height in pixels for image uploads. | number | — |
| save-option-width | Target width in pixels for image uploads. | number | — |
| v-model | Two-way bound array of uploaded file objects. | E8File[] | [] |
Slots
| Slot | Description |
|---|---|
| label | Custom label slot. Provides { label, value } as slot props. |