Blazor Server: Read image saved as blob as base 64 string

[saadsaeed01]

I am creating an application in Blazor Server Net 6

I was able to save the image as a blob on the local browser by going through the documentation

https://learn.microsoft.com/en-us/aspnet/core/blazor/images?view=aspnetcore-7.0#stream-image-data

The images are rendering perfectly in the browser

The Blob URL looks something like this

blob:https://localhost:7066/94065f17-5b19-47e4-9256-59f3e237a662

Now, I need to read the blob as a base 64 string. I tried to use IHTTPClient as mentioned below

var result=await httpClient.GetStreamAsync(_card.LogoImageDetails.ActualImage);

But, it throws an exception given below

Looking forward to your input and how can I read the blob using C#

Regards
Saad

[javiercn]

@saadsaeed01 thanks for contacting us.

It's not clear what you are trying to do, but HttpClient does not have support for blob URLs. If you already have a Bas64Url encoded string, the best way to get the image data would be to decode it into a byte array.

Hi @saadsaeed01. We have added the "Needs: Author Feedback" label to this issue, which indicates that we have an open question for you before we can take further action. This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.

[saadsaeed01]

Hi @javiercn

Thank you very much!

The reason I am trying to save the image in the local blob is that I am using Blazor Server. In Blazor Server it is not recommended to save the files directly into the memory stream

See link
https://learn.microsoft.com/en-us/aspnet/core/blazor/file-uploads?view=aspnetcore-7.0&pivots=server
Reference

To overcome this issue of converting blobs locally into base 64 string, I have created the following solution
https://stackoverflow.com/a/76737811/2666133

Please check it out and tell me what you think.

Regards
S

[danroth27]

Looks like you've found a reasonable solution for this.