How to display user profile information in master page header

Question

I am trying to display user profile info like following in custom master page.
I have just added a html code for displaying this info.
Now, please tell me how could i achieve this
I am doing this in sharepoint 2013 on-premise.

Answer 1

see below is example for javascript and userprofile information
<script type="text/javascript">//<![CDATA[
$(document).ready(function
var currentUser;
// Ensure that the SP.js is loaded
if (SP.ClientContext
!= null)
SP.SOD.executeOrDelayUntilScriptLoaded(getCurrentUser,
'SP.js');
else
SP.SOD.executeFunc('sp.js',
null, getCurrentUser);
function getCurrentUser()
var context = new SP.ClientContext.get_current();
var web = context.get_web();
currentUser = web.get_currentUser();
context.load(currentUser);
context.executeQueryAsync(onSuccessMethod, onRequestFail);
function onSuccessMethod(sender, args)
var account = currentUser.get_title();
var currentUserAccount = account.substring(account.indexOf("|")
+ 1);
var currentUserAccountUnderScore = currentUserAccount.toLowerCase().replace(/\s/g,
//alert(currentUserAccount);
$("#username").text(currentUserAccount);
$("#ProfileImage").attr("src",
"https://mydomain-my.sharepoint.com/User%20Photos/Profile%20Pictures/"
+ currentUserAccountUnderScore +
"_mydomain_onmicrosoft_com_MThumb.jpg");
$("#ProfileImage").attr("alt", currentUserAccount
+ " User Profile Image");
$("#ProfileImage").attr("class",
"ss-profile-image");
//This function runs if the executeQueryAsync call fails.
function onRequestFail(sender, args)
alert('request failed' + args.get_message()
+ '\n' + args.get_stackTrace());
$("#ProfileImage").attr("src",
"https://mydomain.sharepoint.com/SiteAssets/userImageDefault.jpg");
//]]>
</script>
-Nilesh