Accessing the image list and sending it as a variable through Api

Database & APIs

I'm using the OpenAI's vision Api which allows users to send image URL. I have put a button to upload a single image to Supabase and gave that image URL and a query using the variable option in flutterflow's Api options.

The problem I'm facing is that I can't send multiple images the same way. when I select uploading multiple images and add a variable imageList and assign it with uploaded file URLs the way its structured is different. It needs more like a dynamic approach.

This is the official Api documentation from OpenAI

as you can see here, I need to dynamically change the body depending on the number of images and each image file URL should be placed in a separate position how can I achieve this.

But for multiple image I want this part to be dynamic as well, not just the img

{
"type": "image_url",
"image_url": {
  "url": "<img>"
  }
}

This whole Json part should repeat depending on the number of images uploaded and <img> variable should replace the image URL for each

What have you tried so far?

I have tried changing the upload button to accept multiple images and send the uploaded file's URLs to Api using a list variable of type ImagePath . Then I realized that it will be in this format

instead of

Did you check FlutterFlow's Documentation for this topic?
No
1
2 replies