从graphapi获取用户照片，并在Angular应用程序中将其设置为个人资料图片

Question

我正在尝试使用图形API设置配置文件图片。这是服务

readdetails():Observable<any>{   
return this.http.get<any>('https://graph.microsoft.com/v1.0/me/photo');
}

所以我得到的JSON没有太多问题，下面是它看起来如何

{"@odata.context":"https://graph.microsoft.com/v1.0/$metadata#users('69sdf57b-f186-4007-b481-438fd5a870d3')/photo/$entity","@odata.mediaContentType":"image/jpeg","@odata.mediaEtag":""F52AEF83"","id":"648X648","height":648,"width":648}

但我不知道，如何使用这些信息在组件中设置为我的图像的src

Answer 1

如果查看响应，则需要图像的base64编码表示。您需要使用responseType参数告诉Angular期望Blob。

查看此答案以了解更多详细信息