Xamarin Forms Images not loading from remote URL

Question

I have a demo xamarin forms project that simply displays an image with its image source set to a remote URL. But the problem is it works for some URL and does not for others. I have picked up random image links from google image search and compiled a list of the working / non-working ones. Any insight on this strange behavior is hugely appreciated.

Thanks in Advance!

Working URLs

Non-Working URLs

XAML file

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:XamarinImageTest"
             x:Class="XamarinImageTest.MainPage"
             BackgroundColor="#000000">

    <ContentPage.Content>
        <Image Source="https://i.ytimg.com/vi/JTxPzXQ1Sso/maxresdefault.jpg" 
               VerticalOptions="Fill"
               HorizontalOptions="Fill"></Image>
    </ContentPage.Content>
</ContentPage>

How do you implement the image display in Xamarin.forms? post with the codes or more information will be helpful to let the other to see the whole picture. — Jason
Since you asked, I have attached the code also. I thought setting the source property of an image tag was obvious enough. :) — Sreejith Krishnadas
Looks like a caching problem. Try this library: github.com/luberda-molinet/FFImageLoading — EvZ
No luck.. Even FFImageLoading is giving the same results. I have made a sample github project (github.com/uksreejith/XamarinImageTest) demonstrating this issue. I wonder if it has something to do with URL redirection. — Sreejith Krishnadas
Tested with the given url, first and third not working url were able to display on iOS (Ver 11.1) except the second .png image and all of them were not able to display on Android (Ver 6.0). But those image were able to preview in the code breaking point, just not able to display on the phone. Also, I tested with some others image url, some images were not able to display if it is "https", but if rename it to "http", it will be able to displayed. but not in your case. Weird behaviour, seem like it is a bug. — Jason

Daniel Luberda Daniel Luberda · Accepted Answer · 2017-12-06T09:03:36

Use native http client handlers + TLS2.0 for your app (can be set in project settings):

For iOS also enable http downloads:

How do I load an HTTP URL with App Transport Security enabled in iOS 9?

Xamarin Forms Images not loading from remote URL

2 Answers