Wpf - relative image source path

Question

I'm having problems setting the source for images in my Wpf application. I have an Image where the source is bound to the SourceUri property of the DataContext object, like this:

<Image Source="{Binding SourceUri}"></Image>

Now, I don't know what to set on the SourceUri property of my object. Setting the complete absolute path ("c:/etc/image.jpg") it displays nicely, but obviously I want to set the relative path instead. My images are stored in a folder Resources which is in the same folder as my application folder. In the end these images might come from anywhere, so adding them to the project really isn't an option.

I've tried the path relative to the application folder, and relative to the working path (debug-folder). Also tried using the "pack://.." syntax without luck, but read that this would not be any point doing.

Any hints on what I should try?

Holf · Accepted Answer · 2010-07-27 08:56:16Z

18

There's a handy method in System.IO.Path which can help with this:

return Path.GetFullPath("Resources/image.jpg");

This should return 'C:\Folders\MoreFolders\Resources\image.jpg' or whatever the full path is in your context. It will use the current working folder as the starting point.

Link to MSDN documentation on GetFullPath.

answered Jul 27, 2010 at 8:56

Holf

6,6213 gold badges49 silver badges65 bronze badges

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

1 Comment

paddy Over a year ago

This is great - it still works if I want to supply my own full path.

Mark Heath · Accepted Answer · 2009-09-18 16:24:54Z

10

Perhaps you could make the SourceUri property of your DataContext object a bit cleverer, and determine what the application folder is, and return an absolute path based on that. For example:

public string SourceUri
{
    get
    {
        return Path.Combine(GetApplicationFolder(), "Resources/image.jpg");
    }
}

answered Sep 18, 2009 at 16:24

Mark Heath

49.7k29 gold badges144 silver badges201 bronze badges

3 Comments

stiank81 Over a year ago

Sure - that works - Thx! Couldn't find a good way to find the application folder though, so feels a bit hacky at the moment.. Is there a GetApplicationFolder() in .Net? Couldn't find one.. But shouldn't relative path references work somehow? And these will then be relative to the application root folder? No?

Mark Heath Over a year ago

try Path.GetDirectoryName(Assembly.GetExecutingAssembly().Location);

stiank81 Over a year ago

That gives me the same as the one I'm using, "Path.GetFullPath("."), but I guess the latter depends on the working folder. So going with your suggestion. I got some more issues around this, but I'll figure it out.. Thx for your attention!

sergiol · Accepted Answer · 2017-08-22 21:05:10Z

After some frustrating times trying with

 <Image Source="pack://application:,,,/{Binding ChannelInfo/ChannelImage}">

and

 <Image Source="pack://siteoforigin:,,,/{Binding ChannelInfo/ChannelImage}">

and

 <Image Source="/{Binding ChannelInfo/ChannelImage}">

I solved this implementing my own converter:

C# side:

public class MyImageConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        string path= (string)value;

        try
        {
            //ABSOLUTE
            if (path.Length > 0 && path[0] == System.IO.Path.DirectorySeparatorChar
                || path.Length > 1 && path[1] == System.IO.Path.VolumeSeparatorChar)
                return new BitmapImage(new Uri(path));

            //RELATIVE
            return new BitmapImage(new Uri(System.IO.Directory.GetCurrentDirectory() + System.IO.Path.DirectorySeparatorChar + path));
        }
        catch (Exception)
        {
            return new BitmapImage();
        }

    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

XAML side:

<UserControl.Resources>
    <local:ImageConverter x:Key="MyImageConverter" />
    (...)
</UserControl.Resources>

<Image Source="{Binding Products/Image, Converter={StaticResource MyImageConverter}}">

Cheers,

Sérgio

Nick Udell · Accepted Answer · 2010-04-13 13:48:47Z

3

Environment.CurrentDirectory will show you the folder the .exe is stored in (that is unless you manually set a .CurrentDirectory - but then we can assume you already know where it is).

answered Apr 13, 2010 at 13:48

Nick Udell

2,5027 gold badges45 silver badges84 bronze badges

Collectives™ on Stack Overflow

Wpf - relative image source path

4 Answers 4

1 Comment

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related