This shouldn’t be that hard of an issue, but I have been trying to figure out where I am going wrong for a couple of hours now. I’ve added an image component to my app and I have a URL of the image I want to use. I add this URL to the properties and I have even tried setting it using a block and it does absolutely nothing. Is there something special to simply adding an image from a URL? I am looking at the image, so it does exist and I am copying the URL directly, but it still won’t show…
This should work but it may be dependent on where the image comes from. I have used many publicly sourced images in my projects. Instead of a file path I use the url
Perhaps some screenshots are in order to help diagnose here.
1 Like
Make sure the image is not hosted locally (on your computer). Also make sure that if it’s a Google Drive url that you have given access to “anyone who has the link.”
What is the url you are trying to use?
1 Like
Sure can! Here is my screenshot:
Here is the URL I’m trying to load:
https://services.swpc.noaa.gov/images/animations/enlil/enlil/spi_data/model_runs/44617/enlil_com2_20211023T020000.jpg
I don’t know why I can’t get it to load… Green box is my image component. Edited to add the right pic.
I get a “Not Found” error message when I click on your link.
Or rather, I did. I just tried it again and it worked. Maybe try a different url just to make sure it’s not that specific site/server that’s the problem.
2 Likes
I didn’t get an error. I got a noaa picture.
Can you show how you’re setting the image in your blocks?
Sat here and mucked around with it for several hours and it wouldn’t load a thing. Magically it’s now working. I don’t know. Maybe I need a break?!
2 Likes
Ask and you shall receive! 
You must’ve done something right!
2 Likes