OpenAI Vision API: can’t pass image from Bubble

[jeff.warren.orr]

Hey all, been stuck on this for a few hours so hoping for another set of eyes.

Goal: user uploads an image, I send that image to OpenAI Vision API, it analyzes it and sends back a response that I display to the user.

Where I’m at:

1. I successfully “initialized” the OpenAI API.
2. I can send a hard-coded image URL (i.e. I copy/paste the image URL and send it via the API) and it works fine. I get a response back from OpenAI and see it populate in the database.
3. Where something is wrong is when I pass a user uploaded image into the backend workflow connected to OpenAI API. The image is being added to my Bubble database, but I am not received anything back from OpenAI. (Attached screenshots of my workflows)

Any tips are greatly appreciated!!

[DjackLowCode]

@jeff.warren.orr try to debug these possibilities:

• you may need to include https:// in the url
• JSON safe adds quotes to the text, which can break json formatting depending how you use it.
• If the file is private, you’ll need to authenticate it before OpenAI (or anyone) can see it

I’d recommend setting up your workflows in the front-end first to figure out what’s going on.

Good luck!

[jeff.warren.orr]

Thank you for your response!

I tried a few combinations of adding “https://” and removing JSON safe with no luck. I’ll keep trying that though because I may have missed something.

Can you point me in the direction of where I can learn more about “authenticating” a file so it’s visible to OpenAI? I currently have the data type of Background Image set to public with no privacy rules applied.