ByteArray to asp Image

Question

Possible Duplicate:
How to show a image in database in the image control of Asp.net?

I am returning a list of products from a database. Inside this list i am saving database images as bytearrays. Currently I am displaying about 30 products on a page and i would like to add their images next to the product information. What would be the easiest way to go about this?

What I have:

public Image PopulatePicture()
{
    Image newImage;
    //Read image data into a memory stream
    using (MemoryStream ms = new MemoryStream(ImageByteArray, 0, ImageByteArray.Length))
    {
        ms.Write(ImageByteArray, 0, ImageByteArray.Length);

        //Set image variable value using memory stream.
        newImage = Image.FromStream(ms, true);
    }
    return newImage;
}

I have an error on Image.FromStream (System.Web.UI.WebControls does not contain a definition for FromStream)

Sorry, idk how I spaced out and forgot to post that part. Too frustrated. — Troy Loberger, Dec 05 '12 at 18:21
Did you try System.Drawing.Image instead of just using Image? There may be a naming conflict. — Nick Bray, Dec 05 '12 at 18:27
@Nick Bray I have tried that but then there is a conflict with the return type. — Troy Loberger, Dec 05 '12 at 18:30

score 2 · Answer 1 · edited May 23 '17 at 11:43

If your using Mvc its rather simple

Simply write an action such as the following

public FileContentResult Image()
{
   //Get the Byte Array for your image
   byte[] image = FilesBLL.GetImage();

   //Return a jpg
   //Note the second parameter is the files mime type
   return File(image, "image/jpeg");
}

See This Link For Mime types

http://www.webmaster-toolkit.com/mime-types.shtml

I highly suggest adding a column to your files table to store mime types (determine this on upload)

And in your view put down an image like this

<img src='@Url.Action("GalleryMediumThumb")'/>

for webforms see

How to show a image in database in the image control of Asp.net?

Well if it comes down to it, I might try and convert it to MVC. I appreciate the information! — Troy Loberger, Dec 05 '12 at 18:35

score 1 · Answer 2 · edited May 23 '17 at 11:50

You likely have a few issues here:

You are referencing an asp.net Image object (System.Web.UI.WebControls.Image) not the GDI+ System.Drawing.Image object that you want. Clarify your namespace.
You can't dispose the stream on the image. Drop the using block. https://stackoverflow.com/a/13696705/64262
You will need to write the resulting stream to the response stream (negating the need to convert it to an image in the first place), and then reference that endpoint from an <img> tag.

score 0 · Answer 3 · answered Dec 05 '12 at 18:27

A generic ASP.NET Handler (*.ashx) could load the image from the database and stream it as a normal image to the browser.

May this http://coffeedrivendevelopment.net/2012/10/26/sharing-image-resources-between-wpf-and-asp-net/ will help you. It is about images in ressources, but the way is the same.

ByteArray to asp Image

3 Answers3