How can I display the users profile pic using the facebook graph api

Question

I would like to display the users profile picture inside of my applications canvas page  is there a way to do that using the graph api   I know I can do it using FBML but I would also like to pass the profile pic to a flash game I am making  so I would have to get the profile pic from the api and send it as a variable  here is the code I have thus far    facebook   new Facebook array       appId     gt  FACEBOOK APP ID       secret    gt  FACEBOOK SECRET KEY       cookie    gt  true       domain    gt   myurl facebook-test        session    facebook- gt getSession              uid    facebook- gt getUser             me    facebook- gt api   me              updated   date  l  F j  Y   strtotime  me  updated time               echo  Hello      me  name      me  picture       lt br   gt      echo   lt div style   background url images bg jpg   width 760px  height 630px    gt      You last updated your profile on      updated     lt  div gt       lt br   gt  your uid is     uid     me  picture   does not seem to be working  but I am still very new to the graph api  and I am probably making a few very amateur mistakes

User · Answer

You can also resize the profile picture by providing parameters as shown below   https   graph facebook com  UID  picture width 140 amp height 140   would work too

User · Answer

create the url    profile pic     http   graph facebook com    uid   picture       echo the image out  echo   lt img src        profile pic         gt       Works fine for me

User · Answer

I was having a problem fetching profile photos while using CURL  I thought for a while there was something wrong my implementation of the Facebook API  but I need to add a bit to my CURL called   curl setopt  ch  CURLOPT FOLLOWLOCATION  true

User · Answer

EDIT  So facebook has changed it again  No more searching by username - have amended the answer below     https   graph facebook com   UID   picture redirect false amp height 200 amp width 200    UID   the profile or page id redirect either returns json  false  or redirects to the image  true  height and width is the crop does not require authentication   e g  https   graph facebook com 4 picture redirect false amp height 200 amp width 200  Facebook Graph picture doc

User · Answer

Here is the code that worked for me   Assuming that you have a valid session going     Get the current users id  uid    facebook- gt getUser       create the url  profile pic     http   graph facebook com    uid   picture      echo the image out echo   lt img src        profile pic         gt      Thanx goes to Raine  you da man

User · Answer

to get different sizes  you can use the type parameter    You can specify the picture size you want with the type argument  which should be one of square  50x50   small  50 pixels wide  variable height   and large  about 200 pixels wide  variable height   http   graph facebook com squall3d picture type large

User · Answer

Knowing the user id the URL for their profile picture is -  http   graph facebook com  UID  picture   where in place of  UID  you place your  uid variable  and that URL can be passed to flash

User · Answer

The returned data is the binary data of the image type  If you use JavaScript to retrieve the user photo  please get the photo data as blob type in a XMLHttpRequest  and then retrieve the blob URL from the response  For your reference    var request   new XMLHttpRequest   var photoUri config endpoints graphApiUri     v1 0 me photo  value    request open  GET  photoUri    request setRequestHeader  Authorization   Bearer   token    request responseType    blob    request onload   function             if request readyState    4  amp  amp  request status    200                  var image   document createElement  img                   var url   window URL    window webkitURL                 var blobUrl   url createObjectURL request response                  image src   blobUrl                 document getElementById  UserShow   appendChild image                  request send null

User · Answer

One very important thing is that like other Graph API request  you won t get the JSON data in response  rather the call returns a HTTP REDIRECT to the URL of the profile pic  So  if you want to fetch the URL  you either need to read the response HTTP header or you can use FQLs

[php] How can I display the users profile pic using the facebook graph api?

Examples related to php

Examples related to facebook

Examples related to facebook-graph-api