Blazor Webassembly 图像/jpeg 内容到 html

【问题标题】：Blazor Webassembly image/jpeg content to htmlBlazor Webassembly 图像/jpeg 内容到 html
【发布时间】：2020-10-29 13:32:49
【问题描述】：

如何通过服务中的 http 调用获取图像/jpeg（内容类型）文件，然后使用 Blazor Webassembly 将其绑定到 html？

就我而言，它来自 MS Graph API（我/照片）。在使用 JavaScript 之前，我会执行 url.createObjectURL(blob)，然后将其推送到 DOM 中。试图找出 Blazor-Client 执行此操作的方式...

【问题讨论】：

也许你可以尝试使用将图像转换为base64格式然后显示它。

标签： html image blazor-client-side

【解决方案1】：

我能够通过以下方式实现这一目标：

服务：

//(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" />

【讨论】：