Hello frnds today post learn how to show current user profile picture in lightning component
so let us start.......
Step=>1.
goto developer console and create lightning component
File=>New=>Lighning Component
DisplayUserPhoto.cmp
<aura:component controller="LoginUserProfileCtrl"
implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction"
access="global" >
<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
<aura:attribute name="oUser" type="user" default="{'sobjectType' : 'User'}" />
<h1>Current User Profile Picture</h1>
<div style="padding:100px">
<img src="{!v.oUser.FullPhotoUrl}" alt="{!v.oUser.Name}"/>
<br/><br/>
<img src="{!v.oUser.SmallPhotoUrl}" alt="{!v.oUser.Name}"/>
<br/><br/>
<lightning:avatar src="{!v.oUser.SmallPhotoUrl}" />
</div>
</aura:component>
Step=>2.
DisplayUserPhotoController.js
({
doInit : function(component, event, helper) {
var action = component.get("c.fetchUserDetail");
action.setCallback(this, function(response) {
var state = response.getState();
if (state === "SUCCESS") {
var res = response.getReturnValue();
component.set('v.oUser', res);
}
else if (state === "INCOMPLETE") {
// do something
}
else if (state === "ERROR") {
var errors = response.getError();
if (errors) {
if (errors[0] && errors[0].message) {
console.log("Error message: " +
errors[0].message);
}
} else {
console.log("Unknown error");
}
}
});
$A.enqueueAction(action);
},
})
Step=>3.
create a Apex Class
goto File=>New=>Apex Class
LoginUserProfileCtrl.apxc
public class LoginUserProfileCtrl {
@AuraEnabled
public static user fetchUserDetail(){
return [Select id,Name,SmallPhotoUrl, FullPhotoUrl
From User
Where Id =: Userinfo.getUserId()];
}
}
Output:
Thanks.!
so let us start.......
Step=>1.
goto developer console and create lightning component
File=>New=>Lighning Component
DisplayUserPhoto.cmp
<aura:component controller="LoginUserProfileCtrl"
implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction"
access="global" >
<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
<aura:attribute name="oUser" type="user" default="{'sobjectType' : 'User'}" />
<h1>Current User Profile Picture</h1>
<div style="padding:100px">
<img src="{!v.oUser.FullPhotoUrl}" alt="{!v.oUser.Name}"/>
<br/><br/>
<img src="{!v.oUser.SmallPhotoUrl}" alt="{!v.oUser.Name}"/>
<br/><br/>
<lightning:avatar src="{!v.oUser.SmallPhotoUrl}" />
</div>
</aura:component>
Step=>2.
DisplayUserPhotoController.js
({
doInit : function(component, event, helper) {
var action = component.get("c.fetchUserDetail");
action.setCallback(this, function(response) {
var state = response.getState();
if (state === "SUCCESS") {
var res = response.getReturnValue();
component.set('v.oUser', res);
}
else if (state === "INCOMPLETE") {
// do something
}
else if (state === "ERROR") {
var errors = response.getError();
if (errors) {
if (errors[0] && errors[0].message) {
console.log("Error message: " +
errors[0].message);
}
} else {
console.log("Unknown error");
}
}
});
$A.enqueueAction(action);
},
})
Step=>3.
create a Apex Class
goto File=>New=>Apex Class
LoginUserProfileCtrl.apxc
public class LoginUserProfileCtrl {
@AuraEnabled
public static user fetchUserDetail(){
return [Select id,Name,SmallPhotoUrl, FullPhotoUrl
From User
Where Id =: Userinfo.getUserId()];
}
}
Output:
Thanks.!
Buy me a coffee
Могу практически напомнить, что onetwoslim капли для похудения one-two-slim-kapli.ru Стали просто моей настоящей страховкой в противостоянии с лишними кг - с их помощью я похудела на 14 килограммов за 2 месяца. До того, как я узнал об этом замечательном средстве, которое я не пробовал в то же время! В настоящее время проводятся всевозможные диеты, кодирующие от лишнего веса - однако эти методы не давали оптимального эффекта и всегда были связаны с этим эмоциональными нагрузками, стрессом от различных ограничений. И масса тела всегда возвращалась, на первом этапе отбора, к прежнему уровню, а после этого становилась еще больше. Так же, как я узнал о комплексе onetwoslim, я рекомендую его всем сегодня.
ReplyDelete