Flow screen
On the Screen Flow, set these inputs on Image Upload Enhanced. The component title defaults to Image Upload.
Size and preview
Section titled “Size and preview”| Input | What to set |
|---|---|
| Target width and height | The largest width and height, in pixels, for the processed image. |
| Preview width and height | How large the preview looks on the screen. |
| Preserve aspect ratio | When true, the preview fits inside that box without stretching. |
Compression and file type
Section titled “Compression and file type”| Input | What to set |
|---|---|
| Compression quality | 1 keeps the most detail. Lower numbers make a smaller file. |
| Preserve transparency | True keeps a PNG. False flattens to a JPEG. |
| Background color | The fill used when flattening. The default is white. |
| Preview message | Optional rich text above the preview. |
The extension follows the transparency setting: .png when transparency is kept, otherwise .jpg.
Outputs
Section titled “Outputs”Store these on the screen element, or assign them to Flow variables:
| Output | Meaning |
|---|---|
imageData64 | The processed image as base64, without a data:image/... prefix. |
fileName | The name of the file they uploaded. |
fileExtension | .jpg or .png. |
fileSize | Size of the processed file, in bytes. |
error | A message when processing fails. Otherwise blank. |
Check error in a Decision when a failed upload should take a different path. The next step is Save the file.