Method
Method

Reputation: 143

WPF Using Image Control to dynamically view Online images

Situation

I'm trying to use an image control in my program that accesses an online image by binding it to a property.

XAML:

<Image Source="{Binding TheImage}" x:Name="imgPic" HorizontalAlignment="Left" Height="113" Margin="14,89,0,0" VerticalAlignment="Top" Width="120"/>

Specifically, I'm binding to the return value of the searchMembers method (which returns an object) mempic contains a URL, and this mempic will change depending on which member is currently logged in.

View Model:

public Uri TheImage
    {
        get 
        {
            return new Uri(hillracing.searchMembers(Username).mempic); 
        }
    }

Problem

Neither this code, or a static link to the image actually works.

Here is the test image I'm actually using

wondered if anyone could tell em what I was doing wrong.

thanks.

Upvotes: 1

Views: 987

Answers (1)

Sheridan
Sheridan

Reputation: 69959

The WPF Image control is more sophisticated than you imagine... just use the string URI value as the Image.Source directly like this:

<Image Source="http://i.imgur.com/aIf7B0P.jpg" />

Or, if you want to data bind, do this:

<Image Source="{Binding TheImage}" ... />

...

public string TheImage
{
    get { return "http://i.imgur.com/aIf7B0P.jpg"; }
}

Upvotes: 2

Related Questions