Image Input

Upload Image Input in AgenticFlow AI

What is an Upload Image Input?

An Upload Image Input is an input component that allows you to upload an image file to the cloud and access it via a temporary URL. This URL can be used in other workflow actions, such as running the image through a Large Language Model (LLM) with vision capabilities to extract key information. For security reasons, AgenticFlow AI does not store your file permanently; the provided URL expires within 3 days after upload. Therefore, it is recommended to apply the desired analysis steps right after the upload.

When to Use the Upload Image Input Component

The Upload Image Input component is suitable for scenarios where you need to process an image file. For example, you can upload a photo of an invoice and run it through an LLM with vision capabilities to extract key information such as the total amount, date, and vendor details.

How to Add an Upload Image Input to Your Custom Workflow

The Upload Image Input component is listed under User Inputs. You can add it to your workflow using the main section or the sidebar.

Adding an Upload Image Input

1. Navigate to the Workflow page.

2. Click on + Create Workflow or select an existing workflow.

3. In the empty state or within your workflow, click on + Add Input.

4. Select Upload Image Input from the list of input components.

Upload Image Input Settings

Title

The title of your input component.

Description

Describe what this input is or will be used for. This helps users understand the purpose of the input.

Variable Name

Located at the bottom left and marked in green, you can rename the variable. Use this name to access the data in your workflow.

Optional/Required

Located at the top right, indicating whether the input is mandatory for the workflow to run:

• Optional: The input is not required for the workflow to function.

• Required: The input must be provided before the workflow can start.

Setting a Default Value

To set a default value for an Upload Image Input component:

1. Enter the value in the input field.

2. Click on the small setting icon at the bottom right.

3. Click on Set Current Value to save the default value.

Accessing the URL

To access the URL output, use the variable name within double curly braces {{}}.

For example, if the variable name is image_url, you can access it as:

• {{image_url}} in most workflow steps.

• params.image_url in a JavaScript step.

Example Usage in a Prompt:

Extract key information from the invoice available at the following URL: "{{image_url}}"

Practical Example

Example Workflow: Extracting Information from an Invoice Image

1. Add an Upload Image Input:

   • Title: "Upload Invoice Image"

   • Description: "Upload the image of your invoice."

   • Variable Name: invoice_image_url

2. Add an LLM with Vision Capabilities Action:

   • Use the URL provided by the invoice_image_url variable to access the image file.

   • Prompt:

     Extract the key information from the invoice available at "{{invoice_image_url}}". The information includes the total amount, date, and vendor details.

3. Run the Workflow:

   • Save the workflow.

   • On the App page, upload an invoice image using the Upload Image Input component.

   • Run the workflow to see the extracted information.

By following these steps, you can effectively utilize Upload Image Input components in your workflows to upload images and process them using AI, enhancing the capabilities of your AI-driven automation in AgenticFlow AI.

---

Was this page helpful?

[Yes] [No]