Image Upload is designed to cater to images. Uploaded images will be displayed according to dimensions set.
Figure 1: Screenshot highlighting Image Upload in Form Builder
Figure 2: Screenshot highlighting Image Upload with image uploaded in actual Form
Figure 3: Image Upload Properties
| Name | Description |
|---|---|
| ID | Element ID (By declaring as "photo", a corresponding database table column "c_photo" will be created) |
| Label | Element Label to be displayed to end user. |
Figure 4: Image Upload Properties - UI
| Name | Description |
|---|---|
| Readonly | Determines if the element is editable. |
| Width (px) | Width in integer |
| Height (px) | Height in integer |
| Create Thumbnail? | Determines if the element will create a thumbnail and show it below the upload file element after image is uploaded. |
Figure 5: Image Upload Properties - Advanced Options
| Name | Description |
|---|---|
| Validator | Attach a Validator plugin to validate the input value. When will validation takes place? Validation will takes place whenever form is submitted except when it is submitted as "Save as Draft". |
| Maximum File Size (kb) | Maximum File Size (KB) in Integer. |
| Error Message (File size limit exceeded) | Error Message when file size exceeded. |
| Image File Type | Accepted file extension(s). (Semicolon separated values) Example .png;.jpg |
| Error Message (File type mismatch) | Error Message when file type mismatched. |
| Permission | Manage on who is able to access the file uploaded. Read more at Permission Control. New Feature Newly introduced in Joget Workflow v5 |