16.3 Uploading an Image to a BLOB Column

Use an Image Upload page item to let users provide a photo or image file to your app.

When you use it as part of a Form region, the combination automates creating, editing, and deleting the row with the image BLOB column. Configure the Form region source with the table or view name, then set the Image Upload page item's source to the BLOB column. Other declarative settings control the features end users see while uploading the image.

• Configuring Upload Image Item Source
  After creating a form region on your table containing the BLOB image column, set the item type of the BLOB column to Image Upload.
• Controlling Image Upload User Experience
  Use the Image Upload page item's properties in the Display, Cropping, and Resize To sections to control your end users' experience when uploading an image.
• Enlarging Image Upload Icon Preview
  Use CSS to enlarge the Image Upload icon preview if needed.
• Configuring Application-Wide Style Rules
  Use a page's CSS > Inline settings to define style rules that target a specific page item or ones that should affect only that page. In contrast, put rules that affect all pages in a Shared Components > Static Application Files CSS style sheet.
• Posting a Break Room Photo
  Walk through a photo upload flow, from image selection to the refreshed Cards region on the calling page.