Uzyskaj zdjęcie profilu użytkownika według Id

Możesz użyć następujących adresów URL, aby uzyskać różne rozmiary obrazów profilowych. Pamiętaj, aby dodać Facebook id do adresu url.

Duże zdjęcie https://graph.facebook.com/ {facebookId} / picture? type=large

Zdjęcie średniej wielkości https://graph.facebook.com/ {facebookId} / picture? type=normal

Małe zdjęcie https://graph.facebook.com/ {facebookId} / picture? type=small

Kwadrat zdjęcie https://graph.facebook.com/ {facebookId} / picture? type=square

Aby uzyskać największy rozmiar obrazu

https://graph.facebook.com/{userID}?fields=picture.width(720).height(720) 

Lub cokolwiek innego, czego potrzebujesz jako rozmiar. Opierając się na doświadczeniu, type=large nie jest największym wynikiem, jaki można uzyskać.

Tihs będzie pomocny link

http://graph.facebook.com/893914824028397/picture?type=large&redirect=true&width=500&height=500

Możesz ustawić wysokość i szerokość zgodnie z potrzebami

893914824028397 is facebookid

To jest dosłownie na pierwszej stronie dokumentacji Graph API .

• /OBJECT_ID/picture zwraca przekierowanie do obrazu obiektu (w tym przypadku użytkowników)
• /OBJECT_ID/?fields=picture zwraca adres URL zdjęcia

Przykłady:

<img src="https://graph.facebook.com/4/picture"/> Zuck jest jednym z głównych bohaterów serialu.]}

https://graph.facebook.com/4?fields=picture zwraca sam adres URL

Tutaj, ten api pozwala uzyskać fb, google, twitter zdjęcia profilowe łatwo https://www.avatars.io/

Użyj adresu url jako: https: / / graph. facebook. com / user_id/picture?type=square W src tagu img. Typ może być mały, duży.

Możesz użyć do tego celu AngularJs, jego dwukierunkowa funkcja wiązania danych zapewni rozwiązanie przy minimalnym wysiłku i mniejszym kodzie.

<div> <input type="text" name="" ng-model="fbid"><br/> <img src="https://graph.facebook.com/{{fbid}}/picture?type=normal"> </div>

Mam nadzieję, że to odpowiedź na twoje pytanie.Uwaga: Możesz również korzystać z innych bibliotek.

Możesz go uzyskać używając tego adresu url : otrzymasz obraz HD (maksymalny rozmiar)

https://graph.facebook.com/{userID}?fields=picture.width(720).height(720)&redirect=false

Nie zapomnij redirect = false {[5] } lub zwróci błąd

Poprzez Javascript SDK (v2. 12-Kwiecień, 2017) możesz uzyskać szczegóły żądania obrazu w ten sposób:

FB.api("/" + uid + "/picture?redirect=0", function (response) {
  console.log(response);

  // prints the following:
  //data: {
  //  height: 50
  //  is_silhouette: false
  //  url: "https://lookaside.facebook.com/platform/profilepic/?asid=…&height=50&width=50&ext=…&hash…"
  //  width: 50
  //}

  if (response && !response.error) {
    // change the src attribute of img elements
    [...document.getElementsByClassName('fb-user-img')].forEach(
      i => i.src = response.data.url
    );

    // OR redirect to the URL above
    location.assign(response.data.url);
  }
});

Dla uzyskania odpowiedzi JSON parametr redirect z 0 (zero) wartość as jest ważna, ponieważ żądanie domyślnie przekierowuje do obrazu. Możesz nadal dodawać inne parametry w tym samym adresie URL. Przykłady:

• "/" + uid + "/picture?redirect=0&width=100&height=100": zostanie zwrócony obraz 100x100;
• "/" + uid + "/picture?redirect=0&type=large": zwracany jest obraz o wymiarach 200x200. Inne możliwe wartości typu to: mały, normal, album i kwadrat.