Binding an Image source to TextBox.Text

Question

I am trying to bind the Text of a TextBox named 'txtImage' to an image using the following code with no results:

<Image Source="{Binding ElementName=txtImage, Path=Text}" />

What would the right approach be?

Are you getting binding errors in the output when running from Visual Studio? I'd doubt that you can use a String as an ImageSource. — Joey, Jul 16 '09 at 15:11

score 2 · Accepted Answer · edited May 23 '17 at 12:15

2

Source of an Image requires a BitmapImage, thus try using a Value Converter to convert the string to an Image:

public sealed class ImageConverter : IValueConverter
{
    public object Convert(object value, Type targetType,
                          object parameter, CultureInfo culture)
    {
        try
        {
            return new BitmapImage(new Uri((string)value));
        }
        catch 
        {
            return new BitmapImage();
        }
    }

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

<Image>
    <Image.Source>
        <BitmapImage UriSource="{Binding ElementName=txtImage, Path=Text, Converter=...}" />
    </Image.Source>
</Image>

Reference: Image UriSource and Data Binding

edited May 23 '17 at 12:15

Community

1
1

answered Jul 16 '09 at 15:14

Andreas Grech

105,982
98
297
360

In order for this to work, would the converter have to be decared in procedural code? – Johnathan1 Jul 21 '09 at 00:57
The converter should be declared in the Resources section (in xaml). For example, in Window.Resources – Andreas Grech Jul 21 '09 at 05:56
how do I declare the converter for this particular case in resources? – WAQ Aug 02 '13 at 11:29

Binding an Image source to TextBox.Text

1 Answers1