Upload Image
The Upload Image component allows users to upload image files as part of a form submission. It is intended specifically for collecting photos or image-based documents.
How It Works
The Upload Image component displays an image upload field where users can select or capture an image.
On desktop devices, users can click or drag and drop an image into the upload area.
On mobile devices, tapping the upload area opens the device’s photo gallery or camera, depending on device capabilities and permissions.
You can configure the label, prompt text, required state, and display behavior to match your form requirements.
Properties
| Property | Description |
|---|---|
| Label | Text displayed above the upload field to identify its purpose. |
| Hide Label | Hides the label visually while keeping it accessible to screen readers. |
| Disabled | Displays the upload field but prevents users from selecting or uploading an image. |
| Prompt | Instructional text shown inside the upload area to guide users on what to upload. |
| Help Text | Additional guidance or clarification displayed below the field. |
| Make Required | Requires the user to upload an image before submitting the form. |
| Add CSS Class | Applies custom CSS classes for styling and layout customization. |
| Display Component in Navigation | Includes the upload field in form navigation or summary views (if enabled). |
| Override File Name | Replaces the original image file name with a custom name when saving uploads. |
| Unique Name | A required identifier that must be unique within the form. Used in variables, email templates, webhooks, and integrations. |
| Variable Name (for Printable Template) | A variable identifier that can be copied to collect information in printable PDF or Word forms. |
Using Upload Image Values in Other Parts of the Form
You can reference the uploaded image elsewhere in the form (e.g., success pages, PDF templates, notification emails) using the component’s Unique Name as a variable.