How to Convert byte array to ImageSource for Windows 8.0 store application

Question

I am working on Windows 8 store application. I am new at it.

I am receiving an image in the form of byte array (byte []).

I have to convert this back to Image and display it in Image Control.

so far I have button and Image control on Screen. When I click button, I call following function

private async Task LoadImageAsync()
{
    byte[] code = //call to third party API for byte array
    System.IO.MemoryStream ms = new MemoryStream(code);
    var bitmapImg = new Windows.UI.Xaml.Media.Imaging.BitmapImage();

    Windows.Storage.Streams.InMemoryRandomAccessStream imras = new Windows.Storage.Streams.InMemoryRandomAccessStream();

    Windows.Storage.Streams.DataWriter write = new Windows.Storage.Streams.DataWriter(imras.GetOutputStreamAt(0));
    write.WriteBytes(code);
    await write.StoreAsync();
    bitmapImg.SetSourceAsync(imras);
    pictureBox1.Source = bitmapImg;
}

This is not working properly. any idea? When I debug, I can see the byte array in ms. but it is not getting converted to bitmapImg.

score 15 · Answer 1 · edited Dec 10 '18 at 01:37

15

I found the following on Codeproject

public class ByteImageConverter
{
    public static ImageSource ByteToImage(byte[] imageData)
    {
        BitmapImage biImg = new BitmapImage();
        MemoryStream ms = new MemoryStream(imageData);
        biImg.BeginInit();
        biImg.StreamSource = ms;
        biImg.EndInit();

        ImageSource imgSrc = biImg as ImageSource;

        return imgSrc;
    }
}

This code should work for you.

edited Dec 10 '18 at 01:37

Community

1
1

answered Feb 27 '14 at 10:47

Tomtom

9,087
7
52
95

Hi Tom! This solution is for WPF. I cannot find BefinInit() method in BitmapImage class in Windows Store Application (http://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.media.imaging.bitmapimage.aspx) – Developer Feb 27 '14 at 11:11

score 4 · Answer 2 · answered Dec 13 '15 at 00:08

4

You can try something like that:

public object Convert(object value, Type targetType, object parameter, string language)
{
    byte[] rawImage = value as byte[];

    using (InMemoryRandomAccessStream ms = new InMemoryRandomAccessStream())
    {
        using (DataWriter writer = new DataWriter(ms.GetOutputStreamAt(0)))
        {
            writer.WriteBytes((byte[])rawImage);

            // The GetResults here forces to wait until the operation completes
            // (i.e., it is executed synchronously), so this call can block the UI.
            writer.StoreAsync().GetResults();
        }

        BitmapImage image = new BitmapImage();
        image.SetSource(ms);
        return image;
    }
}

answered Dec 13 '15 at 00:08

Francesco Bonizzi

5,142
6
49
88

I found a Namespace for the DataWriter class you used here, but I cannot place a using statement... If there a particular reference I need? – Uchiha Itachi Aug 28 '18 at 19:26
What do you mean with "I cannot place a using statement"? – Francesco Bonizzi Aug 28 '18 at 21:22
1

Disregard my previous comment. Sorry. – Uchiha Itachi Aug 29 '18 at 22:19

score 1 · Answer 3 · edited May 23 '17 at 12:25

I found the following answer in another thread (Image to byte[], Convert and ConvertBack). I used this solution in a Windows Phone 8.1 project, not sure about Windows Store apps, but I believe it will work.

public object Convert(object value, Type targetType, object parameter, string culture)
    {
        // Whatever byte[] you're trying to convert.
        byte[] imageBytes = (value as FileAttachment).ContentBytes;

        BitmapImage image = new BitmapImage();
        InMemoryRandomAccessStream ms = new InMemoryRandomAccessStream();
        ms.AsStreamForWrite().Write(imageBytes, 0, imageBytes.Length);
        ms.Seek(0);

        image.SetSource(ms);
        ImageSource src = image;

        return src; 
    }

How to Convert byte array to ImageSource for Windows 8.0 store application

3 Answers3

Linked