如何解决在WPF MVVM模式中图片绑定后文件被占用的问题

在很久以前就遇到这个问题，当时解决了，这过了几年，又遇到这个问题，这里做个总结，防止下次再踩坑了，也顺便帮助一下同样遇到这个问题的朋友 。

 

出现这个问题的原因很简单，直接将文件路径绑定到Image的Source上。

Image的Source属性实际上需要的是一个ImageSource类型，但是可以直接将string（文件路径）绑定到Source上。我查了一下WPF的源码，并没有找到是如何在绑定时将string转换成ImageSource。不过原理应该还是下面这样，所以会导致图片文件占用。

Image image = new Image();
image.BeginInit();
image.UriSource = new Uri(xxx);
image.EndInit();

 

下面看一下文件占用的情况：

如下：

MainWindow.xaml

 <Grid>
        <Image Source="{Binding ImagePath}"/>
 </Grid>

MainWindow.xaml.cs

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

            var viewModel = new MainWindowViewModel();
            this.DataContext = viewModel;

            //假设D盘下有个d.jpeg文件
            viewModel.ImagePath = @"D:\\d.jpeg";
        }
    }

MainWindowViewModel.cs

public class MainWindowViewModel : INotifyPropertyChanged
    {
        private string imagePath;

        public string ImagePath
        {
            get => imagePath;
            set
            {
                imagePath = value;
                RaiseChanged("ImagePath");
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

        public void RaiseChanged(string propertyName)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }

 

运行后可以看到D盘下的d.jpeg文件是不能删除的

 

 

解除文件占用的原理是在初始化时，就将图片加载到内存中，如下：

image.BeginInit();
image.CacheOption = BitmapCacheOption.OnLoad;
image.CreateOptions = BitmapCreateOptions.IgnoreImageCache;
image.UriSource = new Uri(path, UriKind.Absolute);
image.EndInit();

 

了解原理后，我们就可以建立一个ImageSourceConvert来解除文件占用的问题

public class ImageSourceConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            if (value == null)
                return DependencyProperty.UnsetValue;

            var path = value.ToString();
            BitmapImage image = new BitmapImage();
            image.BeginInit();
            image.CacheOption = BitmapCacheOption.OnLoad;
            image.CreateOptions = BitmapCreateOptions.IgnoreImageCache;
            image.UriSource = new Uri(path, UriKind.Absolute);
            image.EndInit();
            return image;
        }

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

 

MainWindow.xaml

 <Window.Resources>
        <local:ImageSourceConverter x:Key="ImageSourceConverter"/>
    </Window.Resources>
    <Grid>
        <!--<Image Source="{Binding ImagePath}"/>-->
        <Image Source="{Binding ImagePath,Converter={StaticResource ImageSourceConverter}}"/>
    </Grid>

 

示例代码