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" />
如何通过服务中的 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" />