Image Upload is designed to cater to images. Uploaded images will be displayed according to dimensions set. |
This feature is enhanced in Joget Workflow v6 to support multiple file upload as well as drag and drop file upload. |
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 | ||
|---|---|---|---|
| Allowed multiple files upload? | When checked, multiple files can be uploaded. | ||
| Readonly | Determines if the element is editable. | ||
| Drop zone padding | Determine the extra size of padding for larger drop zone.
| ||
| 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.
| |
| 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)
| |
| Error Message (File type mismatch) | Error Message when file type mismatched. | |
Delete actual file during overwrite or remove? | Actual file will be deleted when file is removed or being overwritten.
| |
| Permission | Manage on who is able to access the file uploaded. Read more at Permission Control. |