我已将Azure AD设置为我们的IONIC 4应用程序中的身份提供者。我想显示应该来自Azure AD的用户缩略图。我们如何从Azure AD获取缩略图图片？
我尝试使用API https://graph.windows.net/myorganization/users/ {user_id} / thumbnailPhoto？api-version
我成功获得了200的响应，但是我不知道如何使用图像数据显示图像。
下面是我使用的代码。
async getDataNativeHttp（）{
const obj = this;
return await new Promise(resolve => {
this.storage.get('authResponse').then((val) => {
console.log("val.accessToken");
console.log(val.accessToken);
from(this.nativeHttp.get('https://graph.windows.net/myorganization/users/e904288b-b048-47b8-8c56-45ef4317989a/thumbnailPhoto?api-version=1.6', {},
{
"Authorization": "Bearer " + val.accessToken,
"User-Agent": "PostmanRuntime/7.13.0",
"Accept": "*/*",
"Cache-Control": "no-cache",
"Postman-Token": "4aba2799-3dff-4bb3-96a8-40a870a54ff4,9df9cd92-5319-4ac5-aee0-ad295e7985c2",
"Host": "graph.windows.net",
"accept-encoding": "gzip, deflate",
"Connection": "keep-alive",
"cache-control": "no-cache"
})).pipe(
finalize(() => console.log("completed..."))
).subscribe(data => {
console.log("success...");
resolve(data.data);
}, err => {
console.log('Native Call error: ', err);
});
});
});
}
这是我得到的图像数据
ÿØÿà\ u0000 \ u0010JFIF \ u0000 \ u0001 \ u0001 \ u0000 \ u0000 \ u0001 \ u0000 \ u0001 \ u0001 \ u0000 \u0000ÿÛ\ u0000C \ u0000（\ u001c \ u001e＃\ u001e \ u0019（＃！＃-+（0ãRî \u001eýèß³ºKgYßo\u0002QpìTõqXuV
函数没有错误，只需要在图像src中显示data.data。