--- schema_version: "1" id: 8b04c281ba662c55221333bec5fa06ca8fa42e9344cfdf6a352178557a446a1f title: "Data Capture Flow Screen Component: Upload Image" collection: admin version: current locale: en-us portal_url: https://docs.salesforce.com/admin/current/en-us/service/264-0-0/mfs_data_capture_components_upload_image.md canonical_url: https://help.salesforce.com/s/articleView?id=service.mfs_data_capture_components_upload_image.htm&release=264.0.0&type=5 source_site: help.salesforce.com content_type: documentation content_hash: bd31cfafe04ae5c0b7a44978065595e87a77a7481e8d4b44c4c2375534306576 description: Let users upload and annotate images. products: - Field Service release: "264" --- # Data Capture Flow Screen Component: Upload Image Let users upload and annotate images. ### Required Editions
Available in:  Lightning Experience in Enterprise, Unlimited, and Developer Editions.
![Data Capture Upload Image Component](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_field_service-264-0-0-production-enus/3f7dceb9-dd70-454a-b49e-bbb4526a158d/support_field_service/images/mfs_dc_component_upload_image.png) ## Configure the Upload Image Component You can select resources from the flow, such as variables or global constants, or you can manually enter a value.
Attribute Description
Label The label that the user sees.
Allow Metadata Edit Defines whether the user can edit the image file’s name and description.
Background Color Defines a CSS color. Defaults to white. When Preserve Transparency is set to false, the output image's background is set to this color before the input image is resized and drawn on top.
Compression Quality (Percent) A number between 0 and 100 that determines the compression quality. If omitted, the default is set by the browser or webview being used. Note: The browser or webview can always choose to override this value if it deems it necessary.
Content Documents A list of the content document IDs of the uploaded images. Optional. You can enter a default collection of content document IDs.
Disabled Determines if the user can change the component.
Enable Compression Determines whether the images are compressed.
   
Enable Image Smoothing Determines whether scaled images are smoothed or not. Defaults to true.
Height The target height when resizing an image. If the height isn't set, the original image height is the default. If the resize mode is set to None, this flag is ignored.
Image Date Time Field Name Defines the API name of the field that saves the date and time of uploaded images. To create the field, from the object management settings for Content Version, go to Fields & Relationships and click New. Select Date/Time as the data type. Enter a label, save the field, and copy the value from the Field Name column. For example, Image_DateTime__c.
Image Location Field Name Defines the API name of the field that saves the location of uploaded images. To create the field, from the object management settings for Content Version, go to Fields & Relationships and click New. Select Geolocation as the data type. Enter a label, save the field, and copy the value from the Field Name column. For example, Image_Geolocation__c.
Image Name Defines the name assigned to each uploaded image. The images are numbered sequentially, for example "After Fix 1", "After Fix 2".
Preserve Transparency Defines if the transparency info of the input image (if any) should be preserved. Defaults to true. If the input image is a GIF/PNG and this flag is set to true, the output image is a PNG. For all other cases, the output is a JPEG.
Related Record ID

The ID of the record to associate the images with.

If you want to relate the uploaded images with a new record that is only created at the end of the flow, the record ID is not available. However, add a Loop component to the end of the flow to overcome this behavior. Loop over the Content Documents attribute to get the IDs. Then define a Create Record component to create a ContentDocumentLink object, which relates the images to the record.
Required Determines if the user must upload an image.
Resize Mode

Determines how the image will be resized. The options are:

  • Fill: Resizes the image to fill the target dimensions.

  • Contain: Resizes the image to fit within the target dimensions while maintaining the original aspect ratio. Default.

  • None: Retains the original image dimensions.
Resize Strategy

Determines how to resize the image. If Resize Mode is set to None, this flag is ignored. The options are:

  • Reduce: Resizes the image only if it’s larger than the target size. Default.
  • Enlarge: Resizes the image only if it’s smaller than the target size.
  • Always: Resizes the image to the target size, regardless of the original dimensions.
Use Camera Only Users capture images using only the camera. Access to the gallery is unavailable.
Width The target width when resizing an image. If the width isn't set, the original image width is the default. If the resize mode is set to None this flag is ignored.