ASP.NET Core MVC视图中仅调用一次控制器获取头像URL的方法

方法1：视图内直接声明变量存储URL #

在视图的代码块中一次性生成头像URL并赋值给变量，后续所有引用处直接使用该变量即可：

@{
    // 仅执行一次Url.Action生成路由URL，存入变量
    var profilePicUrl = Url.Action("GetProfilePicture", "Profile");
}

<!-- 第一次引用头像URL -->
<img src="@profilePicUrl" alt="用户头像" class="avatar-small">

<!-- 第二次引用头像URL -->
<div class="profile-menu">
    <img src="@profilePicUrl" alt="用户头像" class="avatar-mini">
    <span>我的账户</span>
</div>

方法2：控制器提前生成URL并传递到视图（推荐） #

遵循MVC职责分离原则，在控制器中生成一次URL，通过ViewBag或ViewData传递给视图：

控制器代码：

public IActionResult TopBar()
{
    // 控制器内生成一次头像URL
    ViewBag.ProfilePictureUrl = Url.Action("GetProfilePicture", "Profile");
    return View();
}

视图代码：

<!-- 直接使用控制器传递的变量 -->
<img src="@ViewBag.ProfilePictureUrl" alt="用户头像" class="avatar-small">

<div class="profile-menu">
    <img src="@ViewBag.ProfilePictureUrl" alt="用户头像" class="avatar-mini">
    <span>我的账户</span>
</div>

额外优化：缓存头像响应 #

如果你的GetProfilePicture方法是返回头像文件（如FileResult），可以给该方法添加响应缓存特性，避免服务器重复处理相同请求：

[ResponseCache(Duration = 3600, Location = ResponseCacheLocation.Client)]
public IActionResult GetProfilePicture()
{
    // 读取头像文件或生成头像的逻辑
    var avatarBytes = GetUserAvatarBytes();
    return File(avatarBytes, "image/png");
}

内容的提问来源于stack exchange，提问作者Eugene Sukh