Showing image with javascript from C# byteArray

Question

I have a C# method (that is an ActiveX component that runs on the client) that returns a photo. On C# side I have two properties:

public byte[] Photo { get; set; }
public string PhotoString { get; set; }

The string version is gotten by simple conversion with System.Convert.ToBase64String().

Now I need a way to show that photo using javascript. I tried using the code from this answer: How to display binary data as image - extjs 4

with

$("#imgUserImage").attr("src", 'data:image/jpeg;base64,' + hexToBase64(data.PhotoString));

But that didn't work. Also if I copy my string to the fiddle in that answer it's not working so I'm assuming the problem is in the string.

Any other suggestions?

Benoit Blanchon · Accepted Answer · 2013-10-14 11:42:10Z

1

If it's already encoded properly, you don't need to call hexToBase64().

$("#imgUserImage").attr("src", 'data:image/jpeg;base64,'+data.PhotoString);

answered Oct 14, 2013 at 11:42

Benoit Blanchon

14.7k5 gold badges80 silver badges93 bronze badges

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

2 Comments

wow that simple!? Thanks it worked. I can't accept your answer for 6 more minutes but I'll do it.