Display image from byte array in blazor

Question

I'm using blazor webassembly and I need to display an image that stored as byte array in the client side.

I tried

in C#:

imagesrc= Convert.ToBase64String(imageBytes);
imageDataURL = string.Format("data:image/jpeg;base64,{0}", imagesrc);

in markup:

<img src="@imageDataURL" />

but no image displayed just icon that no image.

is there any other way?

It should have kind-of worked. Any errors in the F12 console? — Henk Holterman
And when you use Inspect (F12, Elements), how does the <img> look? — Henk Holterman
@HenkHolterman is it matter if I'm displaying the image in the client side? the image stored as bytes no paths — sameeh shadid

Józef Podlecki Józef Podlecki · Accepted Answer · 2021-09-05T13:36:03

I was curious which image format you specified instead of jpeg and like you said under @Henk answer it is svg as it starts with PHN2Z...

That doesn't mean you have to use some svg to jpeg converter, just adjust data uri type appropriately:

imageDataURL = string.Format("data:image/svg+xml;base64,{0}", imagesrc);