display images in asp.net dynamically from c#

Question

I am dynamically creating controls in c# code of my asp.net website. I want to create a image control and display a image which is derived from byte array got from wcf service. I tried to convert the byte array in to image and save in a location with the following code but it does'nt work. Can any one help me!

 public System.Drawing.Image byteArrayToImage(byte[] byteArrayIn)
{
    MemoryStream ms = new MemoryStream(byteArrayIn);
    System.Drawing.Image returnImage = System.Drawing.Image.FromStream(ms);
    return returnImage;
}

No need to first convert the byte stream into an image just to save to disk. Just save all the data directly to your location. — user1693593
– user1693593, Commented Jan 7, 2013 at 10:05

Blachshma · Accepted Answer · 2013-01-07 09:55:59Z

5

You're just missing the Save method:

public string byteArrayToImage(byte[] byteArrayIn)
{
  string saveLocation = "<Path to save image to>"; // e.g. c:\mywebsite\image23.png
  MemoryStream ms = new MemoryStream(byteArrayIn);
  System.Drawing.Image returnImage = System.Drawing.Image.FromStream(ms);
  returnImage.Save(saveLocation);
  return saveLocation;
}

Then use Server.MapPath to pass the url of the saved file location to an asp:Image control.

I should just mention that if you already have a byte array - instead of creating an image object just for saving the bytestream - just put the bytestream inside the ImageUrl of the asp:image control like this:

image1.ImageUrl = "data:image/png;base64," + Convert.ToBase64String(byteArrayIn);

edited Jan 7, 2013 at 9:55

answered Jan 7, 2013 at 9:34

Blachshma

17.5k4 gold badges62 silver badges73 bronze badges

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

4 Comments

Blachshma Over a year ago

@Annamalai - It should work fine, please show us how you set the URL after receiving the string. Anyways, I added another option for you which doesn't require saving the file to the disk.

user1693593 Over a year ago

Base64 encoded images for data uri's must be on a single line for some browsers. IIRC Convert.ToBase64String split the lines.

user1693593 Over a year ago

In any case, data uri's cannot be cached so this is not recommended due to performance penalty.

Blachshma Over a year ago

@Ken-AbdiasSoftware Haven't encountered any problems with ToBase64String causing line splitting but good to know if that ever comes up. About the performance penalty, saving all the images to the disk (and only storing a string URL in the DB) is always the best practice, but in cases such as OPs - it's not always possible

Mad Dog Tannen · Accepted Answer · 2013-11-19 13:23:49Z

4

Thats nice. There is no need of creating an image object. This worked for me:

image1.ImageUrl = "data:image/png;base64," + Convert.ToBase64String(byteArrayIn);

edited Nov 19, 2013 at 13:23

Mad Dog Tannen

7,2505 gold badges34 silver badges55 bronze badges

answered Nov 19, 2013 at 13:01

Prakash Narain

411 bronze badge

1 Comment

Mad Dog Tannen Over a year ago

Prakash, this question is very old. Make sure next time its a active question. GL!

Behroz Sikander · Accepted Answer · 2013-01-07 09:54:02Z

2

Try the following

File.WriteAllBytes(@"C:\test.jpg", BYTE_ARRAY_OF_IMAGE);

answered Jan 7, 2013 at 9:54

Behroz Sikander

4,0593 gold badges26 silver badges37 bronze badges

Collectives™ on Stack Overflow

display images in asp.net dynamically from c#

3 Answers 3

4 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related