Show profile picture when user is logged in and editing user informa

Hello friends

I want the user picture to appear in the upper right corner when the user logs in and edit user information from there

please I am waiting for your help

I can show the username but I couldn't succeed the others

sample picture:

public ActionResult Index()
{
if (Session["User_ID"] != null)
{
return View(db.UserViewModel.ToList());
}
else
{
return RedirectToAction("LogIn","UsersInfo");
}
}
public ActionResult LogIn(Models.UsersInfo user)
{
if (IsValid( user.User_Name, user.Password ))
{
FormsAuthentication.SetAuthCookie(user.User_Name, false);
Session["User_ID"] = user.User_ID.ToString();
Session["User_Name"] = user.User_Name.ToString();
return RedirectToAction("Index","Photos");
}
else
{
ModelState.AddModelError("", "Login details are wrong.");
}
return View(user);
}

class="nav-item">
@if (Session["User_ID"] != null)
{
Welcome @Session["User_ID"].ToString()
"@Html.ViewData["UserPicturePath"]" alt="Images" height="48" width="48" />
}
class="nav-item">
@if (Session["User_Name"] != null)
{
Welcome @Session["User_Name"].ToString()
}

1 Reply

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

Sachin Singh5y ago
Accepted answer
in your layout use partial view with menus and profile pic
@using Microsoft.AspNet.Identity
@if (Request.IsAuthenticated) // use session here
{
    using (Html.BeginForm("LogOff", "Account", FormMethod.Post, new { id = "logoutForm", @class = "navbar-right" }))
    {
    @Html.AntiForgeryToken()

   "nav inner-ul ml-auto">
        "nav-item inner">
            @Html.ActionLink("Hello " + User.Identity.GetUserName() + "!", "Manage", "Account", routeValues: null, htmlAttributes: new { title = "Manage", @class = "nav-link" })


        "nav-item inner mr-5">"javascript:document.getElementById('logoutForm').submit()" class="nav-link">Log off

}

else

{

"nav inner-ul ml-auto">

"nav-item inner">@Html.ActionLink("Register", "Register", "Account", routeValues: null, htmlAttributes: new { id = "registerLink", @class = "nav-link" })

"nav-item inner mr-5">@Html.ActionLink("Log in", "Login", "Account", new { returnUrl = Request.Url.PathAndQuery }, htmlAttributes: new { id = "loginLink", @class = "nav-link" })