Unable to load images from Strapi to Bubble (edit URL/manually enter API response not working)

Strapi stores image URLs without the http part, so after the API call I need to add the web address into JSON.

Here is Strapi URL: /uploads/medium_Splash_Image_Fruudo_Performs_Ely_Keskus_Project_c4be498cbf.jpg
Screenshot 2022-12-11 002728

Here is complete URL:

I manually enter API response and save it, but bubble still shows old URL even after amendment.
Screenshot 2022-12-11 003044
Screenshot 2022-12-11 003111

Why manually enter API response is not working?
Also if there is another way to do this automtically?


If I understand what you’re trying to do correctly - doesn’t work like that. Manually entering the response is for situations where when initialising the API, you’re not getting the kind of response that you would generally expect from that API.

However in your scenario, the API will always return the path without the hostname and as a result, manually entering the response isn’t going to achieve anything.

In your text field on the page, you just need to add https://strapi.fruudo.com as plain text to the front of the dynamic expression. It will then create the URL you expect.

Thank you, that explains why Manually entering response is not working.

The text field is just to deomonstrate the path is wrong. These are image URLs, which will be used for “dynamic” image loading.

So how can I do it for all the image paths that are returned through the Strapi API?

Same concept - every image element (or anywhere) that these paths come through, you need to prepend it with the hostname.

Thank you Juicebox. I didn’t know I can insert string in dynamic field, and then enter dynamic data next to it. It works now.

Screenshot 2022-12-11 201421