Upload and download image in Silverlight and SQL server Application

We know image are store in database in binary format. In Silverlight application upload image in SQL and show it to Silverlight is pretty difference. In my project i failed complexity to perform that operation. My findings are describe step by step:

Step One:
In the .xaml file you should add following line.... inside tag <>

Image x:Name="empImage" Source = "{Binding path=BinaryData, Converter={StaticResource ConvertImage}}"

Here "empImage" is the name of Image control in .xaml. "BinaryData" is the binary array where binary data of image is kept after retrieving from database.

To convert the StaticResource you should create a UserControl link like :

"ImageSourceConverter" is a class where my image conversion is take place. So to make a link with that class file you should create a link like.

xmlns:local="clr-namespace:ImageHandler.Silverlight.Utility"

I kept it under Utility folder.

Code of ImageSourceConverter.cs file is:

public class ImageSourceConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
BitmapImage bitmap = new BitmapImage();
bitmap.SetSource(new MemoryStream((Byte[])value));
return bitmap;
}

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

}

Step Two:
In the .cs file, when you want to upload image in the database please paste the following code:

var ofdialog1 = new OpenFileDialog();
var result = ofdialog1.ShowDialog();
if (result.HasValue && result.Value)
{
var bi1 = new BitmapImage();
bi1.SetSource(ofdialog1.File.OpenRead());
empImage.Source = bi1;
}

Stream s = ofdialog1.File.OpenRead();
byte[] fileBytes = new byte[s.Length];

infoData.Photo = new Binary();
infoData.Photo.Bytes = fileBytes;

int byteCount = s.Read(fileBytes, 0, (int)s.Length);

s.Close();
s = null;

Step Three:

To show data in Silverlight Application write down the following code

ImageData imageData = new ImageData();
imageData.BinaryData = e.Result.Photo.Bytes;
empImage.DataContext = imageData;

"ImageData" is the class where i kept the BinaryData array as a property. Code of that class:

public class ImageData
{
public byte[] BinaryData { get; set; }
public BitmapImage BitmapImg { get; set; }
}

This is all about. Hope this will help you all to get rid off from the hassle of Image processing in Silverlight.