Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/54.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Facebook登录时未填写个人资料_Javascript_Facebook_Facebook Graph Api_Meteor_Ecmascript 6 - Fatal编程技术网

Javascript 使用Facebook登录时未填写个人资料

Javascript 使用Facebook登录时未填写个人资料,javascript,facebook,facebook-graph-api,meteor,ecmascript-6,Javascript,Facebook,Facebook Graph Api,Meteor,Ecmascript 6,在my MeteorJs应用程序中,当他们使用Facebook登录时,您可以使用Facebook登录。他们的个人资料不会自动填写 addFacebookInformationToProfile() { if (Meteor.isServer) { // This will only merge in information the first time, then ignore it once the flag is true const user = Meteo

在my MeteorJs应用程序中,当他们使用Facebook登录时,您可以使用Facebook登录。他们的个人资料不会自动填写

addFacebookInformationToProfile() {
    if (Meteor.isServer) {
      // This will only merge in information the first time, then ignore it once the flag is true
      const user = Meteor.user();
      let username = slugify(user.services.facebook.name, '');
      let i = 1;
      while (Meteor.users.findOne({username})) {
        username = slugify(user.services.facebook.name, '') + '' + i;
        i++;
      }
      Meteor.users.update({ _id: Meteor.userId(), 'profile.facebook': { $ne:true }}, {
        $set: {
          'profile.email': user.services.facebook.email,
          'profile.name': user.services.facebook.name,
          'username': username,
          'profile.gender': user.services.facebook.gender,
          'profile.picture': "https://graph.facebook.com/" + user.services.facebook.id + "/picture/?width=150&height=150",
          'profile.facebook': true
        }
      });
    }
  },
当我
console.log
profile.picture行时,我会得到一个url,当在浏览器中输入时,它会显示Facebook用户的个人资料图片

例如:()

这就是它在实际应用程序中的显示方式:()

如何在上面的圆圈中显示用户的个人资料图片,而不是圆圈周围的灰色框

背景:

我们使用imgix和s3获取数据

该应用程序托管在relyphe.com上

使用

 <img class="img-circle" > 

这将使您的个人资料图片显示在一个圆圈中