使用Microsoft Graph API直接HTTP请求无法获取联系人照片的解决方法

我之前也碰到过一模一样的情况——直接发起HTTP请求调用Microsoft Graph API拿联系人照片时总是碰壁，但用官方的@microsoft/microsoft-graph-client库就能轻松拿到二进制格式的照片数据，转成base64编码后就能正常显示出正确的照片了。

这主要是因为直接写HTTP请求时，很容易忽略对二进制响应的正确处理（比如没设置合适的响应类型、编码处理出错），而官方客户端库已经帮我们封装好了这些细节，无需手动处理响应头或编码逻辑。

以下是完整的可运行代码：

const microsoftGraph = require('@microsoft/microsoft-graph-client');
const { Buffer } = require('buffer');

// 初始化Microsoft Graph客户端的工具函数
function getMicrosoftGraphClient(token) {
  return microsoftGraph.Client.init({
    authProvider: (done) => {
      done(null, token);
    }
  });
}

// 获取并转换联系人照片的异步函数
async function fetchContactPhoto() {
  const token = 'your-valid-access-token'; // 替换成你的有效访问令牌
  const contactId = 'target-contact-id'; // 替换成目标联系人的ID
  const client = getMicrosoftGraphClient(token);
  
  try {
    // 获取二进制格式的照片数据
    const photoBinaryData = await client.api(`/me/contacts/${contactId}/photo/$value`).get();
    // 将二进制数据转换为base64编码，生成可直接用于展示的data URI
    const base64Photo = `data:image/jpeg;base64,${photoBinaryData.toString('base64')}`;
    
    // 这里可以将base64Photo用于页面img标签的src，或者保存为文件
    console.log('转换后的联系人照片Base64:', base64Photo);
  } catch (error) {
    console.error('获取联系人照片出错:', error.message);
  }
}

// 执行函数
fetchContactPhoto();

几个关键点说明：

• 客户端库会自动把API返回的二进制响应转换成Buffer对象，直接拿来用就行
• 转换后的base64字符串可以直接作为img标签的src值，在网页上展示照片
• 记得替换代码中的token和contactId为你的实际有效值

内容的提问来源于stack exchange，提问作者Lam Nguyen