在.net core 6的导航栏中显示用户个人资料图片[关闭]

Question

我有以下逻辑来返回 wwwroot 文件夹中的图像存储。每次 Url.Action 调用控制器中的 Action 方法时，如果存在则返回用户图像，否则返回空白图像。如何将物理图像路径结果从控制器返回到 Url.Action？任何帮助将非常感激。用什么方法返回图片的物理路径？

这是我在 Navbar Razor 页面 (CSHTML) 上的用户图像代码：

<img class="rounded-circle me-1" src="@Url.Action("MyProfilePic", "MyProfile")" height="24" asp-append-version="true"/>

控制器动作方法：(.NET Core)

public async Task<IActionResult> MyProfilePic()
{
    var user = await userManager.GetUserAsync(User);
    var profilPicName = user.ProfilePicName;
    if (profilPicName != null)
    {
    var ext = ".jpg";
    string fullname = Path.Combine(profilPicName,ext) ;
    string profilePicPath = Path.Combine(webHostEnvironment.WebRootPath, "images", fullname);
    return profilePicPath //Full path of image
    }
    return //Path of the ImagePlaceholder
}

Answer 1

经过漫长的一天，这里是寻找相同解决方案的人的解决方案。

图片标签：

<img class="rounded-circle me-1" src="@Url.Action("UserProfilePicMethod", "UserProfileController",new{id=ViewData["userId"]})" height="24" asp-append-version="true"/>

并在 UserProfileController 中执行如下操作方法：

    public async Task<IActionResult> UserProfilePicMethod(string? id)
    {
        var user = await userManager.FindByIdAsync(id);
        var profilPicName = user.ProfilePicName;
        if (profilPicName != null)
        {
            //I upload only jpg files. So my method is for jpg.
            //You can customize as per your requirements.
            var ext = ".jpg";
            
            //Get path for your file by path.combine filename+wwwpath+ext
            var fullname = Path.Combine(profilPicName, ext);
            string profilePicPath = Path.Combine(webHostEnvironment.WebRootPath, "images", fullname);
            //return the image file path
            return PhysicalFile(profilePicPath, "image/jpg");
        }
        //If no image exists return a placeholder image
        var profilePicPathNull = Path.Combine(webHostEnvironment.WebRootPath, "images", "placeholder.jpg");
        return PhysicalFile(profilePicPathNull, "image/jpg");
    }

这是一个关于如何返回物理文件路径的粗略想法。您可以根据需要进行定制。

感谢@freedomn-m 在评论部分为我指明了正确的方向。非常感谢您的时间和精力！

同样，这只是将用户个人资料图片调用到您的布局或页面的一种方式。当然还有很多。这是我使用的解决方案。

或者最简单的方法是在身份中使用内置的用户管理器，就像在你的 _layout.html 中一样：

@{
var user = await userManager.GetUserAsync(User);
var profilepicName = user.ProfilePicName;
var profilePicPath = "~/images" + profilepicName ?? "blankProfilePic.jpg";
}

然后调用需要图片的图片标签如下：

<img class="rounded-circle me-1" src="@profilePicPath")" height="24" asp-append-version="true"/>