Blazor Webassembly image/jpeg 内容到 html

Blazor Webassembly image/jpeg content to html

如何通过服务中的 http 调用获取 image/jpeg(内容类型)文件,然后使用 Blazor Webassembly 将其绑定到 html?

就我而言,它来自 MS Graph API (me/photo)。 在 JavaScript 之前,我会做一个 url.createObjectURL(blob),然后将其推入 DOM。 试图找出执行此操作的 Blazor-Client 方式...

我是通过以下方式实现的:

服务:

//(Error checking removed for simplicity)

HttpResponseMessage responsePhoto = await _HttpClient.GetAsync(GRAPH_URL_ME_PHOTO_96);
byte[] byteArrayPhoto = await responsePhoto.Content.ReadAsByteArrayAsync();
ImageBase64 = Convert.ToBase64String(byteArrayPhoto);

剃刀页面:

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