Imageget image blob from url blazor html

Question

I am looking to understand how to upload the Image in the RichText Editor from the Blazor Webassembly to an Web API. I see an example in the documentation which user Server side/ I see the Blob URL but how do you read the binary of the image

I am looking to get something like this

<img src="data:image/png;base64,@Svc.ImageBase64" />


So that I can use the base 64 value while saving. I am currently  seeing something like this

src="blob:http://localhost:5000/5860b7fa-4fec-46a6-a1a5-7f747aa300b0

Thanks,

Vijay

Pandiyaraj Muniyandi · Accepted Answer

Hi Vijay, 
 
Greetings from Syncfusion support. 
 
We have validated the reported issue from our end and we suspect you’re missed to configure RichTextEditorImageSettings - Path API in the editor, if it not configured blob URL will return and update into the editor. We suggest you configure Path API in Rich Text Editor. 
 
We have prepared sample on Blazor WebAssembly Core hosted project for your reference, get it from below link 
https://www.syncfusion.com/downloads/support/forum/156679/ze/RTE-1978669400 
 
If you want to insert a lot of tiny images in the editor and don’t want a specific physical location for saving images, you can opt to RichTextEditorImageSettings – SaveFormat API as Base64.  
API: https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorImageSettings.html#Syncfusion_Blazor_RichTextEditor_RichTextEditorImageSettings_SaveFormat 
 
If you still facing the issue, kindly revert to us. 
 
Regards, 
Pandiyaraj