javascript - Sharepoint框架: How to create an tag containing MSGraph photo/$value response BLOB

Question

我正在创建一个 Sharepoint 应用程序(使用 Shrepoint Framework)，但无法检索调用 MSGraph“/me/photo/$value”api 时返回的 Phto BLOB。我不知道如何将 BLOB 转换为 Base64 字符串。我做了很多尝试，我正在写一篇来解释我想要实现的目标:

this.context.msGraphClientFactory
.getClient()
.then((客户端:MSGraphClient): void => {
client.api('/me/photo/$value').get((错误，响应:任何，rawResponse？:任何) => {
const blobUrl = window.URL.createObjectURL(rawResponse.body);
document.getElementById("myPhoto").setAttribute("src", blobUrl);
});
});


此代码失败，因为 creteObjectURL 已被弃用。MSGraph 调用有效，但我无法处理响应。有什么建议吗？

Answer 1

createObjectURL接受 blob 作为其参数。您可以获得如下的 blob 响应:

client.api('/me/photo/$value').responseType('blob').

bloburl 将类似于:

blob:https://xxxx-app34cc3db2636944a5b0b3abea9a6ae5b9.sharepoint.com/e007d253-f911-4722-86a8-ecdd77864696

您还可以通过FileReader将blob转换为base64 : Convert blob to base64

此外，你还可以利用pnpjs来访问ms graph，它可以直接返回blob数据: Current User

最诚挚的问候，贝克康