顯示圖片

Question

我想顯示存儲在MSSQL Db的爲varbinary圖像，當執行我的代碼它只是掛起本身

代碼如下...

XAML

<Window x:Class="ImageList.Window1" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:local="clr-namespace:ImageList" 
    Title="Window1" Height="331" Width="575"> 
    <Window.Resources> 
     <local:BinaryImageConverter x:Key="imgConverter" /> 
    </Window.Resources> 
    <StackPanel> 
     <ListBox Name="lstImages" ItemsSource="{Binding}" > 
      <ListBox.Resources> 
       <DataTemplate x:Key="data"> 
        <Image Source="{Binding Path=ImageData, Converter={StaticResource imgConverter}}"/> 
       </DataTemplate> 
      </ListBox.Resources> 
     </ListBox>   
     <Button Height="25" Name="button1" Click="button1_Click">Button</Button> 
     <Button Height="25" Name="button2" Click="button2_Click">Load Images</Button> 
    </StackPanel> 
</Window> 

C＃

{ 
     private void button2_Click(object sender, RoutedEventArgs e) 
     { 
      ImageDataContext db = new ImageDataContext(); 
      var data = db.ImageDetails.Select(p => p.ImageData).ToList(); 
      lstImages.ItemsSource = data; 
     } 

    } 

    public class BinaryImageConverter : IValueConverter 
    { 
     object IValueConverter.Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) 
     { 
      if (value != null && value is byte[]) 
      { 
       byte[] ByteArray = value as byte[]; 
       BitmapImage bmp = new BitmapImage(); 
       bmp.BeginInit(); 
       bmp.StreamSource = new MemoryStream(ByteArray); 
       bmp.EndInit(); 
       return bmp; 
      } 
      return null; 
     } 

     object IValueConverter.ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) 
     { 
      throw new Exception("The method or operation is not implemented."); 
     } 
    } 

Answer 1

我會在這坐刺。

在ListBox的每個項目都綁定到一個叫「的ImageData」屬性：

<Image Source="{Binding Path=ImageData, Converter={StaticResource imgConverter}}"/> 

...但是當您設置你的列表框綁定到列表中，你只是選擇圖象 - 屬性到一個列表：

var data = db.ImageDetails.Select(p => p.ImageData).ToList(); 
lstImages.ItemsSource = data; 

所以你會在這裏結束了，什麼是List<byte[]>什麼的，而不是用的ImageData屬性對象的列表。

如果我的猜測是正確的，你有兩個選擇：

1.更改綁定直接綁定到圖像：

<Image Source="{Binding Converter={StaticResource imgConverter}}"/> 

2.更改LINQ查詢創建具有的ImageData屬性的對象：

var data = db.ImageDetails.Select(p => new { ImageData = p.ImageData.ToArray() }).ToList(); 
lstImages.ItemsSource = data; 

編輯新增的ToArray的（）調用到L inq查詢來反映Prashant的發現。