How to detect if Xamarin.Forms Image control fails to load image from remote uri?

Vinayak Nikam 71

I'm using Xamarin.Forms Image control to load image from some https url. In case if control fails to load the image like

no network connectivity
not authorized to access the image url
SSL certificate issue

I want to display some custom error view where I will provide ability to try reloading the image.
Is there any event on the Image control where such errors can be captured?
If not, is there any way to customize Xamarin.Forms Image control that notifies such network issues?

Highly appreciate if anyone helps for any pointers.

JarvanZhang 23,961 Reputation points

2021-03-23T13:45:14.173+00:00
not authorized to access the image url SSL certificate issue

Hi, VinayakNikam-2649. For the above two conditions, it'll raise a compile error when testing the project. If it's due to the network connectivity, no error will occur. In this case, try to detect the height of the image to check if the image is loaded correctly. Or detect the device's network conditions, you could use Xamarin.Essentials.Connectivity for this.

if (current == NetworkAccess.Internet) { // Connection to internet is available }
Vinayak Nikam 71 Reputation points

2021-03-23T15:18:23.497+00:00

I didn't understand by compile error you mentioned for the "Unauthorized Exception" and "Invalid Certificate for server". While using the app things will happen at runtime and I want to capture those exceptions and show some error view instead of the empty image.
JarvanZhang 23,961 Reputation points

2021-03-24T09:14:21.597+00:00
While using the app things will happen at runtime and I want to capture those exceptions and show some error view instead of the empty image.

Try setting source to the image in code behind and wrap the code with try-catch sentence. You could add the command of resetting the image view's source in the catch method.

try { img.Source = ImageSource.FromUri(new Uri("https://aka.ms/campus.jpg")); } catch (Exception) { //reset the source to the image view }

Share via

How to detect if Xamarin.Forms Image control fails to load image from remote uri?

Your answer