javascript - InvalidAuthenticationToken 获取联系人照片

Question

我正在尝试使用 Microsoft Graph 的 /photo 获取 Office 365 联系人照片.我想在网页上显示这些图像。从 api 返回的响应包含每个图像的链接，但这些链接需要 Bearer 访问 token ，当我尝试访问这些链接时，出现以下错误:

{
    "error": {
        "code": "InvalidAuthenticationToken",
        "message": "Bearer access token is empty.",
    }
}

这是代码:

fetch("https://graph.microsoft.com/v1.0/me/contacts/" + item.id +
    "/photo/$value", options).then(function (response) {
    console.log("the response is", response);
}).catch(function (error) {
    console.log("error : ", error);
});

有什么方法可以将此 token 添加到 API 返回的 URL 中吗？有什么建议吗？

Answer 1

没有可用的用户/组/联系人照片的预授权 URI。

相反，在您的后端检索图像并将其像普通图像资源一样提供给页面。除了消除身份验证问题外，它还允许您将这些图像缓存一段时间，而不是每次都拉下来。

或者，您可以将图像转换为 base64 并将其作为 Data URI 返回您可以直接在 <image> 中使用像这样的标签:

<image src="data:image;base64,{data}" />