Meteor code to display user's facebook picture

client_main.js

Meteor.startup(function() {
  Template.fb_pic.pic = function() {// helper function to display the pic on the page
    var userProfile;
    userProfile = Meteor.user().profile;

    if(userProfile) { // logic to handle logged out state
      return userProfile.picture;
    }
  };
});

server_main.js

var getFbPicture = function(accessToken) { // make async call to grab the picture from facebook
    var result;
    result = Meteor.http.get("https://graph.facebook.com/me", {
      params: {
        access_token: accessToken,
        fields: 'picture'
      }
    });
    if(result.error) {
      throw result.error;
    }
    return result.data.picture.data.url; // return the picture's url
  };

// during new account creation get user picture from Facebook and save it on user object
Accounts.onCreateUser(function(options, user) {
  if(options.profile) {
    options.profile.picture = getFbPicture(user.services.facebook.accessToken);
    user.profile = options.profile; // We still want the default 'profile' behavior.
  }
  return user;
});

Thank you very much for this function, I've been trying to extract a user's profile picture src for hours

guys is there a way to specify the size of the profile picture?

@berkaey, you could use this url http://graph.facebook.com/" + user.services.facebook.id + "/picture/?type=large