我正在使用React和Gmail API创建一个基于电子邮件的应用程序。我正在加载一堆邮件，并希望显示发件人的头像。
我正在使用这个包来显示头像。我想要一个Google Id或一个图片url。还希望能够获取其他流行服务的图像，例如Outlook和Yahoo Mail。
其他人也问过同样的问题，但所有答案似乎都使用已经被废弃的Picasa API或即将被废弃的Google+ API。
编辑： 是的，react-avatar包声称可以根据提供的用户数据找到头像，但它只是用电子邮件查找Gravatar，而许多人没有Gravatar。
过去，我曾建议用户将用户电子邮件地址的第一个字母作为图像，并使用该字母创建图像。您还可以使用问号，这实际上是当Gmail网站无法找到用户的电子邮件时执行的操作，可能是通过检查Gravatar实现的。
获取当前已认证用户的图像
您可以从people.get端点获取此信息，只需确保在对用户进行身份验证时请求了配置文件范围。
GET https://people.googleapis.com/v1/people/me
它返回一个包含用户个人资料信息的大型响应，其中一部分包含用户的图片
"photos": [
{
"url": "https://lh3.googleusercontent.com/a-/AAuE7mDuIWqXzrrp-65cIhXSD2HjCI8WYsWHR0fDx5_wQPY=s100",
"metadata": {
"source": {
"type": "PROFILE",
"id": "117200475532672775346"
},
"primary": true
}
}
],
官方people api示例项目包含有关如何连接到api的信息。只需确保添加“profile”范围。
获取图片的代码应该类似于这样。
function getPicture() {
gapi.client.people.people.get({
'resourceName': 'people/me',
'pageSize': 10,
'personFields': 'photos',
}).then(function(response) {
var connections = response.result.connections;
appendPre('Connections:');
if (connections.length > 0) {
for (i = 0; i < connections.length; i++) {
var person = connections[i];
if (person.url && person.url.length > 0) {
appendPre(person.names[0].url)
} else {
appendPre("No display name found for connection.");
}
}
} else {
appendPre('No connections found.');
}
});
}
如果与该电子邮件地址相关联的用户已注册了 Gravatar，那么您可以轻松获取 Gravatar 头像。
首先需要获取电子邮件的 MD5 值，然后：
最初的回答
var email = "youremail@gmail.com",
size = 80;
yourImg.src = 'http://www.gravatar.com/avatar/' + MD5(email) + '.jpg?s=' + size;