Question

我有以下XAML代码：

<Window x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    DataContext="{Binding RelativeSource={RelativeSource Self}}"
    WindowStartupLocation="CenterScreen"
    Title="Window1" Height="300" Width="300">

    <Grid>
        <Image x:Name="TestImage" Source="{Binding Path=ImageSource}" />
    </Grid>

</Window>

此外，还有一种方法可以从Base64字符串生成图像：

Image Base64StringToImage(string base64ImageString)
{
    try
    {
        byte[] b;
        b = Convert.FromBase64String(base64ImageString);
        MemoryStream ms = new System.IO.MemoryStream(b);
        System.Drawing.Image img = System.Drawing.Image.FromStream(ms);

        //////////////////////////////////////////////
        //convert System.Drawing.Image to WPF image
        System.Drawing.Bitmap bmp = new System.Drawing.Bitmap(img);
        IntPtr hBitmap = bmp.GetHbitmap();
        System.Windows.Media.ImageSource imageSource = System.Windows.Interop.Imaging.CreateBitmapSourceFromHBitmap(hBitmap, IntPtr.Zero, Int32Rect.Empty, BitmapSizeOptions.FromEmptyOptions());

        Image wpfImage = new Image();
        wpfImage.Source = imageSource;
        wpfImage.Width = wpfImage.Height = 16;
        //////////////////////////////////////////////

        return wpfImage;
    }
    catch
    {
        Image img1 = new Image();
        img1.Source = new BitmapImage(new Uri(@"/passwordManager;component/images/TreeView/empty-bookmark.png", UriKind.Relative));
        img1.Width = img1.Height = 16;
        return img1;
    }
}

现在，我要将TestImage绑定到Base64StringToImage方法的输出我使用了以下方式：

public string ImageSource { get; set; }
ImageSource = Base64StringToImage("iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABjUExURXK45////6fT8PX6/bTZ8onE643F7Pf7/pDH7PP5/dns+b7e9MPh9Xq86NHo947G7Hm76NTp+PL4/bHY8ojD67rc85bK7b3e9MTh9dLo97vd8/D3/Hy96Xe76Nfr+H+/6f///1bvXooAAAAhdFJOU///////////////////////////////////////////AJ/B0CEAAACHSURBVHjaXI/ZFoMgEEMzLCqg1q37Yv//KxvAlh7zMuQeyAS8d8I2z8PT/AMDShWQfCYJHL0FmlcXSQTGi7NNLSMwR2BQaXE1IfAguPFx5UQmeqwEHSfviz7w0BIMyU86khBDZ8DLfWHOGPJahe66MKe/fIupXKst1VXxW/VgT/3utz99BBgA4P0So6hyl+QAAAAASUVORK5CYIII").Source.ToString();

但没有任何事情发生我该如何解决？

BTW，我确定base64字符串是正确的

Answer 1

让我们分解你正在做的事情。

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

为此，绑定源需要是ImageSource，或者是表示图像文件的URI的字符串。那么让我们来看看ImageSource属性实际上是什么。

public string ImageSource { get; set; }

这里的一个问题是ImageSource没有引发PropertyChanged事件。因此，当您更新属性时，WPF不会更新绑定目标。

但是，ImageSource也不是ImageSource，它是一个字符串。没关系，但WPF会将该字符串解释为URI。那个URI是什么？

ImageSource = Base64StringToImage(BIG_HONKING_STRING).Source.ToString();

这是你问题的核心。 ImageSource字符串实际上不是URI，因为您的图像不是可寻址资源。 Base64StringToImage从base64字符串创建一个内存中的ImageSource，然后返回一个Image作为其Source。然后你获取Image的Source（它是一个ImageSource对象），并将其串联。如果ImageSource来自文件或URL，那可能会有效，但它没有：它来自HBITMAP。所以ToString（）的结果将毫无意义。所以ImageSource被设置为无意义的东西，你的Image试图将这个毫无意义的东西解释为位图文件的URL。

所以要解决这个问题，你需要做三件事：

为ImageSource属性引发PropertyChanged事件（或使其成为依赖项属性）。
将ImageSource属性更改为ImageSource类型而不是string类型（以便它可以包含无URL图像源）。
更改您的setter调用以将ImageSource设置为Base64StringToImage(...).Source - 即删除ToString（）调用。更好的是，更改Base64StringToImage以返回ImageSource而不是Image：创建一个Image元素只会产生开销，因为你真正感兴趣的是BitmapSource。

Answer 2

作为@ itowlson出色答案的补充，这就是你的代码应该是这样的：

// MainWindow.xaml
<Window x:Class="MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <DockPanel>
        <Image Source="{Binding ImageSource}" />
    </DockPanel>
</Window>

// MainWindow.xaml.cs
using System.ComponentModel;
using System.IO;
using System.Windows;
using System.Windows.Media;
using System.Windows.Media.Imaging;

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        var model = new MainModel();
        DataContext = model;

        model.SetImageData(File.ReadAllBytes(@"C:\Users\Public\Pictures\Sample Pictures\Desert.jpg"));
    }
}

class MainModel : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    public void SetImageData(byte[] data) {
        var source = new BitmapImage();
        source.BeginInit();
        source.StreamSource = new MemoryStream(data);
        source.EndInit();

        // use public setter
        ImageSource = source;
    }

    ImageSource imageSource;
    public ImageSource ImageSource
    {
        get { return imageSource; }
        set
        {
            imageSource = value;
            OnPropertyChanged("ImageSource");
        }
    }

    protected void OnPropertyChanged(string name)
    {
        var handler = PropertyChanged;
        if (null != handler)
        {
            handler(this, new PropertyChangedEventArgs(name));
        }
    }
}

在Windows中绑定Image.Source到String？

2 个答案: