WPF中如何在Image控件Source变更时同步更新ViewModel属性

1. 修复XAML绑定的错误与配置 #

你的XAML绑定存在语法错误，且未启用双向绑定（默认Binding的Mode为OneWay，无法将控件属性值回传给ViewModel）。修改后的绑定代码如下：

<Image Width="50"
       Name="Image"
       Height="50"
       Source="{Binding ImagePath, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource StringToPathConverter}}">
</Image>

• Mode=TwoWay：启用双向绑定，允许控件属性值回传至ViewModel的绑定属性
• 修正了原代码中Converter的语法位置错误（需放在Binding括号内部）

2. 避免直接操作控件属性，通过ViewModel更新 #

你当前直接设置Image.Source的方式绕过了绑定机制，导致ViewModel的ImagePath无法同步更新。应改为直接修改ViewModel的ImagePath属性，绑定会自动触发转换器更新Image.Source：

OpenFileDialog fileDialog = new OpenFileDialog();
if (fileDialog.ShowDialog() == true)
{
    // 直接赋值给ViewModel的ImagePath，绑定会自动处理Image.Source的更新
    ViewModel.ImagePath = Path.GetFileName(fileDialog.FileName);
    isImageChanged = true;
}

这里直接传递文件名是因为你的StringToPathConverter的Convert方法会自动拼接基础路径，而ConvertBack方法也会提取文件名回传，双向逻辑保持一致。

3. 确认ViewModel的INotifyPropertyChanged实现正确 #

确保你的ViewModel类正确实现INotifyPropertyChanged接口，OnPropertyChanged方法能正确触发事件，示例如下：

public class YourViewModel : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    private string _imagePath;
    public string ImagePath
    {
        get => _imagePath;
        set
        {
            _imagePath = value;
            OnPropertyChanged(nameof(ImagePath));
        }
    }
}

完成以上修改后，当你选择图片并设置ViewModel.ImagePath时，Image.Source会通过绑定和转换器自动更新；若Image.Source通过其他方式修改，ImagePath也会通过双向绑定和ConvertBack方法同步更新。

内容的提问来源于stack exchange，提问作者davood faezian