How to bind to an Image using a dynamic URL in WPF?

Question

I am new to WPF so hopefully I phrased the question correctly. What I'd like to do is bind my <Image> to an image online. However, the image I would like to bind to changes depending on the state of the application. For example, if I wanted to bind to an Employee selected from a list, I'd retrieve a base URL from my App.config and append the image name using the ID of the employee, like so:

var baseUrl = ConfigurationSettings.AppSettings["BaseImageUrl"];
var imageUrl = String.Format("{0}/{1}.jpg", baseUrl, employeeID);

The problem is, I'm not sure how to do this declaratively in WPF. Any help is greatly appreciated!

Jake Ginnivan · Accepted Answer · 2009-03-27 02:08:09Z

3

Do you have a employee object in your code? If so you could expose a URI property which is built based on the employee ID of the object.

Otherwise could you have a asp.net page on your website which serves up a image (I have no idea if this will work, it is a idea though)

so have something like this in your xaml

<Image Source="{Binding Path=EmployeeId, StringFormat='http://my.url.com/Image.aspx?employeeId={0}'}" />

Image.aspx would stream the image based on the employeeId get variable?

As I said there is probably a bit wrong with this but it could work, I think the URI property on a employee class would be the cleanest option though.

answered Mar 27, 2009 at 2:08

Jake Ginnivan

2,15216 silver badges20 bronze badges

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

Comments

Paul Stovell · Accepted Answer · 2009-02-24 09:12:19Z

0

I think something like this will help:

<Window.Resources>
   <ImageSource x:Key="MyImage" Source="C:\Images\Default.jpg" />
</..>

<Image Source="{DynamicResource MyImage}" />

Then in your code-behind:

((ImageSource)this.Resources["MyImage"]).Source = "C:\Path\From\Config.jpg";

answered Feb 24, 2009 at 9:12

Paul Stovell

32.8k16 gold badges83 silver badges110 bronze badges

5 Comments

Drew Noakes Over a year ago

Can that filesystem path be substituted for a URL? I think that's what the original question required (and I'm curious).

Kevin Babcock Over a year ago

Thanks for the response. Great suggestion. However, I was hoping there might be a way to do this declaratively (without having to go into codebehind). Am I hoping for too much? :)

kevindaub Over a year ago

Also, I would stay away from dynamic resources.

John Kraft Over a year ago

@daub815 why would you stay away from dynamic resources?

kevindaub Over a year ago

It uses up more resources, so you should probably only use it when you absolutely need it.

Collectives™ on Stack Overflow

How to bind to an Image using a dynamic URL in WPF?

2 Answers 2

Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related