Image URL isn't processing as an image

[msquance7]

I’m fairly new to Bubble. Trying to display images from a list of URLs that I get back from an API call, and sometimes the image will not display in the app, even though the URL looks ok in the browser. This is the example of an image that appears fine in my browser (using firefox) but does not appear if I set it directly as the image source, or as a dynamic image source. Does anyone know why this url would fail?

Thanks

[flusk]

Hey @msquance7

I think the reason these images dont show up is clear: they are hotlink protected.

I guess firefox somehow overrides this but in most of the cases, you can’t set these images as the source of image tag.

@Huseyin from Flusk | Discover the #1 Security and Monitoring Tool for Bubble

[msquance7]

Thanks for your quick reply! What did you do to get this result? I’m also able to open this source using postman, with no errors. Is there a way for me to detect this through an api call?

[flusk]

All I did was to open the image URL in the browser. Depending on the browser, it sometimes opens sometimes give the hotlinking error: https://www.ballroommarfa.org/wp-content/uploads/4F5A0675-1-1800x1200.jpg

I have checked to receive the image using the API connector thinking it might throw some errors that you can do something with but it worked with API connector

Getting the image as an API call:

And setting the source of an image:

Maybe you can test it out. Not guaranteed of course.

@Huseyin from Flusk | Discover the #1 Security and Monitoring Tool for Bubble

[msquance7]

Thanks, that’s a great suggestion. It does appear to work with the images that had been failing.

Appreciate the help!