How to Add String Url to Image source in C# and Xaml

Question

I have String Array with Image Url

Sample Image from Array:

string Image = "https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn2/187738_100000230436565_1427264428_q.jpg";

Now i need to Bind Images in Xaml

<Image Name="img" HorizontalAlignment="Left" VerticalAlignment="Top" Width="66" Height="66" Source="{Binding Image} " />

trying to Give img.source But Not Accepting because con't Implement string to system.windows.media.imagesource

If you are binding you CAN use string. Where is the string (url) stored? what is the DataContext of the Image control? — Shawn Kendrot
– Shawn Kendrot, Commented Jul 25, 2013 at 16:29

Dimitar Dimitrov · Accepted Answer · 2013-07-25 06:08:30Z

5

Did you try setting Source:

var bitmapImage = new BitmapImage();
bitmapImage.BeginInit();
bitmapImage.UriSource = new Uri("https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn2/187738_100000230436565_1427264428_q.jpg");;
bitmapImage.EndInit();

img.Source = bitmapImage;

Here is a bit more info.

EDIT

There is a possibility that this wont work for remote images (can't test it at the moment), I believe in such cases you need to download the image, so here is how you do it:

var imgUrl = new Uri("https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn2/187738_100000230436565_1427264428_q.jpg");
var imageData = new WebClient().DownloadData(imgUrl);

// or you can download it Async won't block your UI
// var imageData = await new WebClient().DownloadDataTaskAsync(imgUrl);

var bitmapImage = new BitmapImage {CacheOption = BitmapCacheOption.OnLoad};
bitmapImage.BeginInit();
bitmapImage.StreamSource = new MemoryStream(imageData);
bitmapImage.EndInit();

return bitmapImage;

edited Jul 25, 2013 at 6:08

answered Jul 25, 2013 at 4:14

Dimitar Dimitrov

15.2k9 gold badges55 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Satti Over a year ago

Yes I try this Same error string to system.windows.media.imagesource error

Dimitar Dimitrov Over a year ago

@SriramSatti In case this doesn't work for remote images, I've added another approach.

Satti Over a year ago

Thanks for Al Your Replys... I got that with Single line of Code img.Source = new BitmapImage(new Uri("fbcdn-profile-a.akamaihd.net/hprofile-ak-prn2/…", UriKind.RelativeOrAbsolute));

Collectives™ on Stack Overflow

How to Add String Url to Image source in C# and Xaml

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related