How do I set a WPF Image's Source to a bytearray in C# code behind?

Question

I'm building a small app using C#/WPF.

The application receives (from an unmanaged C++ library) a byte array (byte[]) from a bitmap source

In my WPF window, I have an (System.windows.Controls.Image) image which I will use to display the bitmap.

In the code behind (C#) I need to able to take that byte array, create BitmapSource /ImageSource and assign the source for my image control.

// byte array source from unmanaged librariy
byte[] imageData; 

// Image Control Definition
System.Windows.Controls.Image image = new Image() {width = 100, height = 100 };

// Assign the Image Source
image.Source = ConvertByteArrayToImageSource(imageData);

private BitmapSource ConvertByteArrayToImagesource(byte[] imageData)
{
    ??????????
}

I've been working on this for a bit here and haven't been able to figure this out. I've tried several solutions that I've found by goolging around. To date, I haven't been able to figure this out.

I've tried:

1) Creating a BitmapSource

var stride = ((width * PixelFormats.Bgr24 +31) ?32) *4);
var imageSrc = BitmapSource.Create(width, height, 96d, 96d, PixelFormats.Bgr24, null, imageData, stride);

That through a runtime exception saying buffer was too small Buffer size is not sufficient

2) I tried using a memory stream:

BitmapImage bitmapImage = new BitmapImage();
using (var mem = new MemoryStream(imageData))
{
   bitmapImage.BeginInit();
   bitmapImage.CrateOptions = BitmapCreateOptions.PreservePixelFormat;
   bitmapImage.CacheOption = BitmapCacheOption.OnLoad;
   bitmapImage.StreamSource = mem;
   bitmapImage.EndInit();
   return bitmapImage;
}

This code through an exception on the EndInit() call. "No imaging component suitableto complete this operation was found."

SOS! I've spent a couple of days on this one and am clearly stuck. Any help/ideas/direction would be greatly appreciated.

Thanks, JohnB

Clemens · Accepted Answer · 2015-04-04 07:45:51Z

3

Your stride calculation is wrong. It is the number of full bytes per scan line, and should therefore be calculated like this:

var format = PixelFormats.Bgr24;
var stride = (width * format.BitsPerPixel + 7) / 8;

var imageSrc = BitmapSource.Create(
    width, height, 96d, 96d, format, null, imageData, stride);

Of course you also have to make sure that you use the correct image size, i.e. that the width and height values actually correspond with the data in imageBuffer.

edited Apr 4, 2015 at 7:45

answered Apr 4, 2015 at 7:24

Clemens

129k13 gold badges162 silver badges296 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

JohnB Over a year ago

::>Clemens - thanks for the reply. I'm still getting the same error. The image is Width=640, Height=480;BitsPerPixel=24; This gives me a stride of 1920. The byte[] array originated from unmanaged (library) code. Does this have something to do with it?

JohnB Over a year ago

::> Clemens - solution is correct (both our calcs return a stride of 1920). The reason for the errors was that I wasn't in account the number of channels (per pix) when calculating the size of my raw buffer. Thx, JB

Clemens Over a year ago

Maybe, if we interpret ((width * PixelFormats.Bgr24 +31) ?32) *4) correctly. At least it does not compile...

Collectives™ on Stack Overflow

How do I set a WPF Image's Source to a bytearray in C# code behind?

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related