How to upload multiple images from external application using backend API

matt74 · 2024-08-15T01:13:57.313Z

Hi All

I am really struggling to get the backend API to work with uploading multiple images. Please help! (I am hoping I am missing something really obvious)

If I upload a single images as part of the backend wf, it works well, but I cannot upload multiple images. Additionally, if I try upload image URLs (copied from existing elements) they “appear” as thumbnails in my DB, but they dont render in the app.

I get a successful message when uploading base64 directly if sending a single image only. My goal is to send multiple base64 encoded images as part of the same API.

image1489×548 148 KB

Multiple images error:

image1476×711 161 KB

Second option is to use the /fileupload API and upload each image, one at a time and then pull the URLs and add them as a list. But I cannot get the URLs to work either.
Screenshots related to uploading multiple URLs
Images not rendering:

But images are in the DB

Uploaded list of URLs in API

Baloshi69 · 2024-08-15T06:32:53.677Z

There are many wasy.

Using URL, Make sure when you upload a URL it start with //link_of_img make sure you use https: before that link when rendering.

So, it will be https://link_of_img .

but you can also upload multiple imgaes using a list on a backend workflow. just have a parameter as file.

if i am missing some thing , i am sorry. but you can always ping me, and we get on video and solve it.

Really want to help.

matt74 · 2024-08-15T07:50:29.527Z

Thanks @Baloshi69

If I set the parameter to “file” I can send the images from the API in postman, but they don’t get uploaded in bubble. And it returns “null” for images

API:

image774×110 3.05 KB

Response:

Baloshi69 · 2024-08-15T07:58:58.823Z

Are you available for a call. i can help you better ?

matt74 · 2024-08-15T08:21:51.861Z

Yes please - here is a link: https://meet.google.com/ufm-aqtf-xvn

matt74 · 2024-08-15T21:47:25.420Z

Thanks for reaching out @Baloshi69 - sadly we weren’t able to resolve the issue.

If anyone else can help, please! Seems the best solution I have so far is, which is not great,

Step 1: Upload one image (as Base64) at a time using https://xxxxxx/version-test/fileupload API (returns the URL)
Step 2: Grab each of the URLs and then add them as a list to the create API.

But this seems like a very inefficient workflow. will require “# images + 1” API calls.

Baloshi69 · 2024-08-16T06:51:29.452Z

@matt74 DM me your editor and postman call , or just the post man call i will try to do it on a temp app, and then share it with you, its do able dont worry.