How to get profile picture display in side a div using graph api

Karthey Sundarem

5y693.NET

Hi,

I need to display profile picture in a div using jquery. I have the user id. Is there a sample step by step

approach?

Thanks

Kathy

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
okay, follow this article
https://www.c-sharpcorner.com/article/getting-user-properties-from-office-365-using-microsoft-graph-api/
+1
Karthey Sundarem5y ago
This is using Office 365 graph api.. getting windows authenticated user id and populating their photo, Sachin.
How to invoke office 365 graph api, get the profile picture and popluate in a div?

Thanks
Kathey
+1
Sachin Singh5y ago
follow this
To display pic all the time
"fbPic" />

"text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
"text/javascript">
    $(function () {
   var fbId="your fbid here";
        $("#fbPic")[0].src = "http://graph.facebook.com/" + fbId + "/picture";
    });

to display pic on click after entering fb id in the textbox
"text" id = "fbId" />
"button" id = "demo" value = "Demo" />
"fbPic" />
"text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
"text/javascript">
    $("#demo").live("click", function () {
        $("#fbPic")[0].src = "http://graph.facebook.com/" + $("#fbId").val() + "/picture";
    });
0