Skip to content

Image Upload Enhanced

Image Upload Enhanced is a Screen Flow component. Someone picks a photo. The browser resizes and compresses it, shows a preview, and hands the smaller file to the next Flow step.

How small the file becomes depends on the camera and the settings you choose. One photo on the product page went from 1,216 KB to 49 KB. Treat that as an example, not a promise.

The packaged component name is three_levers__imageUploadEnhanced.

  • The photo is processed in the browser before Flow advances.
  • You set the target width and height, preview size, and compression in Flow Builder.
  • Transparency can stay (PNG) or flatten to a JPEG.
  • The screen outputs the processed file as base64, plus the file name, extension, size, and any error.
  • A packaged action, Save Content Version, writes that file onto a parent record.

Sites and Named Credentials are not required.

StepGuide
Install the packageInstall
Set size, compression, and previewFlow screen
Store the fileSave the file
Something looks wrongTroubleshooting

Source is on GitHub.