gpt4 book ai didi

javascript获取google-plus用户头像

转载 作者:行者123 更新时间:2023-11-29 10:20:07 27 4
gpt4 key购买 nike

stackoverflow 的人们!所以我现在的工作是围绕社交网络工作。我已经登录了 facebook、google 和 twitter。现在我需要检索用户头像。站点非常动态,几乎所有内容都通过 javascript 和 ajax 工作。我已经成功获得了 facebook 用户头像。当用户有头像时,返回头像,当用户没有头像时,返回facebook默认头像。现在我在 google-plus 和 twitter 上工作。我找到了一个不错的 url,我可以在其中从 google-plus 获取头像:

    https://plus.google.com/s2/photos/profile/{oauth_id}?sz=100

我在 session 中存储 oauth_id,它是可访问的。当用户设置头像时 - 一切正常。问题是,当用户头像未设置时 - 该链接返回 404 错误。如果该链接返回 404 错误,我如何确定在 jquery 或只是 javascript 中?对于 future 的一些工作——我认为推特也有同样的问题。或者您可以提供一些更好的选择来实现这一目标。

最佳答案

另一种方法是请求 plus.me 范围,对用户进行身份验证,然后检索他们的个人资料,如果他们有头像,该个人资料将设置图像值。我在这里创建了一个现场演示:http://wheresgus.com/profile.html它显示了使用 Google+ 公共(public)数据 API 进行的个人资料检索。

要为您的项目进行设置,请转至 Google API 控制台 - https://code.google.com/apis/console/并创建一个启用了 Google+ API 的项目。您将需要来自 Google API 控制台的 API 访问部分的 Web 应用程序的客户端 ID。

相关代码如下:

<html>
<head>
<script src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
function onSignin(e){
accessToken = e.access_token;
var xhr = new XMLHttpRequest();
xhr.open('GET', "https://www.googleapis.com/plus/v1/people/me/");
xhr.setRequestHeader('Authorization', 'Bearer ' + accessToken);
xhr.send();

xhr.onreadystatechange = function(){
if (this.readyState == 4){
var myProfile = JSON.parse(xhr.responseText);
alert(myProfile.image.url);
}
}
}
</script>
</head>
<body>
<g:plus action="connect" clientid="YOUR CLIENT ID" scope="https://www.googleapis.com/auth/plus.me" callback="onSignin">
</g:plus>
</body>
</html>

使用此代码创建一个 HTML 文件,并将您的客户 ID 替换为您在 Google API 控制台中创建的凭据。当您单击登录按钮时,客户端将为您提供该用户的 URL。

关于javascript获取google-plus用户头像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13742113/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com