Convert byte[] to BitmapImage in WPF application using c#

Question

1.00/5 (1 vote)

See more:

Hello,
I have stored the image taken from openfile dialog box and stored in form of byte[] to sqlserver 2012 database.But when i convert byte[] to bitmapImage so that it can be binded to wpf image control it gives error msg "No imaging component suitable to complete this operation was found."
Code i have written is :

private void ViewImage_Click(object sender, RoutedEventArgs e)
       {
           db = myHelper.GetData();
          // byte[] rawData = new byte[0];
           var q = (from xx in db.VehicleGroups where xx.id == 1011 select xx).FirstOrDefault();
              byte[] rawData = q.Imagepath;
              image1.Source = LoadImage(rawData);


       }
       private static BitmapImage LoadImage(byte[] imageData)
       {
           if (imageData == null || imageData.Length == 0) return null;
           var image = new BitmapImage();
           using (var mem = new MemoryStream(imageData))
           {
               mem.Position = 0;
               image.BeginInit();
               image.CreateOptions = BitmapCreateOptions.PreservePixelFormat;
               image.CacheOption = BitmapCacheOption.OnLoad;
               image.UriSource = null;
               image.StreamSource = mem;
               image.EndInit();
           }
           image.Freeze();
           return image;
       }

to save the image in database code written was:

 private void btnBrowse_Click(object sender, RoutedEventArgs e)
        {
            
            OpenFileDialog ofd = new OpenFileDialog();
            Nullable<bool> result = ofd.ShowDialog();
            if (result == true)
            {
                txtBrowseFile.Text = ofd.FileName;
            }
        }

in global area:
 BitmapImage bitmapImage;
VehicleGroup objtblVehicleGroup ;

then a method:
 private void fillbitmap()
        {
            #region load image with StreamSrouce
            bitmapImage = new BitmapImage();
            bitmapImage.BeginInit();
            bitmapImage.StreamSource = System.IO.File.OpenRead(txtBrowseFile.Text);
            bitmapImage.EndInit();
            //now, the Position of the StreamSource is not in the begin of the stream.

            image1.Source = bitmapImage;

            #endregion
        }

public Byte[] BufferFromImage(BitmapImage imageSource)
       {
           Stream stream = imageSource.StreamSource;
           Byte[] buffer = null;
           if (stream != null && stream.Length > 0)
           {
               using (BinaryReader br = new BinaryReader(stream))
               {
                   buffer = br.ReadBytes((Int32)stream.Length);
               }
           }

           return buffer;
       }

C#

private void btnSave_Click(object sender, RoutedEventArgs e)
   {
         
          
               fillbitmap();
              
               objtblVehicleGroup = new VehicleGroup();

               db = myHelper.GetData();
               if (selObject.id == -1)
               {
                   objtblVehicleGroup = new VehicleGroup();
                   objtblVehicleGroup.CreatedDate = (DateTime?)System.DateTime.Now;
                   objtblVehicleGroup.IsDel = false;
               
               objtblVehicleGroup.VehicleGroupName = txtVehicleGroup.Text;
               objtblVehicleGroup.VehcileCost = Convert.ToDecimal( txtprice.Text);

               objtblVehicleGroup.Imagepath = BufferFromImage(bitmapImage);
                       db.AddToVehicleGroups(objtblVehicleGroup);

                       db.SaveChanges();
                       var userid = objtblVehicleGroup.id;
               }
               
   }

Posted 4-Sep-13 4:33am

gaurav786mishra

Updated 4-Sep-13 4:39am

Richard C Bishop

v3

Add a Solution

Comments

Sergey Alexandrovich Kryukov 4-Sep-13 12:55pm

What's in rawData? The name imagePath suggests it's some path, but it should be the content of the image file.
—SA

gaurav786mishra 5-Sep-13 3:06am

From the open file dialog box image is selected and that path is kept in txtBrowseFile.Text further from text box it is used in :
private void fillbitmap()
{
#region load image with StreamSrouce
bitmapImage = new BitmapImage();
bitmapImage.BeginInit();
bitmapImage.StreamSource = System.IO.File.OpenRead(txtBrowseFile.Text);
bitmapImage.EndInit();
//now, the Position of the StreamSource is not in the begin of the stream.

image1.Source = bitmapImage;

#endregion
}
The bitmap generated from here is then used in passed to :

public Byte[] BufferFromImage(BitmapImage imageSource)
{
Stream stream = imageSource.StreamSource;
Byte[] buffer = null;
if (stream != null && stream.Length > 0)
{
using (BinaryReader br = new BinaryReader(stream))
{
buffer = br.ReadBytes((Int32)stream.Length);
}
}

return buffer;
}

which returns a byte array and then that byte array is stored in database.

Sergey Alexandrovich Kryukov 5-Sep-13 3:18am

You did not answer my question. If you need to add more code, do it in your question, use "Improve question".
—SA

gaurav786mishra 5-Sep-13 4:22am

Ok Thank you for ur reply.Actually rawdata is a byte array which contains the bytes in array format coming from database.I am getting the rawdata array filled with numbers on each index of array.
I guess the problem is i am converting path to byte array and saving in database..If that i am doing..then how can i extract image from image path as wpf has no file upload control?

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Dev Krish · Answer 1 · 2013-09-04T21:21:00

Solution 1

Please try to use this link

http://stackoverflow.com/questions/15270844/how-can-i-convert-byte-to-bitmapimage[^]

Posted 4-Sep-13 21:21pm

Dev Krish

Comments

gaurav786mishra 5-Sep-13 10:30am

Hi ,Vamshi(Krish)
The above code gives error :Buffer size is not sufficient.

public static BitmapImage ByteToImage(byte[] imageData)
{

byte[] buffer = imageData;

var width = 100; // for example
var height = 100; // for example
var dpiX = 96d;
var dpiY = 96d;
var pixelFormat = PixelFormats.Pbgra32; // for example
var bytesPerPixel = (pixelFormat.BitsPerPixel + 7) * 8;
var stride = bytesPerPixel * width;

var bitmap = BitmapSource.Create(width, height, dpiX, dpiY,
pixelFormat, null, buffer, stride);
return (BitmapImage)bitmap;
}

Dev Krish 5-Sep-13 23:53pm

Try this for that error

http://stackoverflow.com/questions/8492563/bitmapsource-create-error-buffer-size-is-not-large-enough

Nisbert · Answer 2 · 2013-12-08T07:25:00

C#

public static CachedBitmap ByteToImage(byte[] buffer, int width, int height, PixelFormat format)
        {
            var stride = ((width * format.BitsPerPixel + 31) / 32) * 4;
            var image = BitmapSource.Create(width, height, 96d, 96d, format, null, buffer, stride);

            return (CachedBitmap)image;
        }