143
Views
9
Comments
Solved
Images not showing on browser with external url type in reactive application
Application Type
Reactive

Hi Team, 

I had used gallery widget to display item information other all information is loading only image is not loading on browser from entity. 

please refer below images.


Thanks,

2020-11-25 10-45-32
Mostafa Othman
Champion
Solution

You can scroll down till Img-src then add domain that you are using to retrieve images as screenshot below:


2020-11-25 10-45-32
Mostafa Othman
Champion

Hello,

Is GetItems.List.Current.Item.Image contains URL to image?

Did you try to copy this URL and open it in browser? It should display image.

UserImage.jpg
Rajashri Bhadule

Yes I tried to open image URL it working fine. It displaying image.

2020-11-25 10-45-32
Mostafa Othman
Champion

Did you tried to use one of images URL as static value for proparty URL of image? Is it work or not?

Also please check image URL that returned from database is correct (URL not trimmed or any slash missing).

Otherwise we can start thinking about your network and OutSystems server security configuration.

Also if you can share sample of your application, this may help

UserImage.jpg
Rajashri Bhadule

I tried with static URL, Image not loading on browser. Not trimming any URL. Please find attachment 


Order Management.oap
2020-11-25 10-45-32
Mostafa Othman
Champion

As per screenshot below all images are working fine without doing any changes to your application (I just published it to my personal environment).

I think there is a security configuration that you need to check (CSP). Please login to your lifetime then go to Environments then Security setting and check if CSP is on or off 


If it is on you will need to whitelisting images domain into Img-src property



UserImage.jpg
Rajashri Bhadule

Replying to Mostafa Othman's comment on 26 Jul 2023 09:07:11

 CSP is on. Can you please tell me regarding whitelisting images domain into Img-src property. 


2020-11-25 10-45-32
Mostafa Othman
Champion
Solution

You can scroll down till Img-src then add domain that you are using to retrieve images as screenshot below:


UserImage.jpg
Rajashri Bhadule

Thank you for your help Images are loading now 

2020-11-25 10-45-32
Mostafa Othman
Champion

Great news! Nice to know your issue is fixed

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.