MVC：如何让多个请求共享一个图像列表

Question

我创建了一个控制器来从我的数据库中检索图像，并成功地检索到了图像：

public class ImageController : Controller
{
    [Route("user/{userId:int}/profile", Name = "GetUserProfileImage")]
    public ActionResult UserProfileImage(int userId)
    {
        using (var imgRepo = new ImageRepository())
        {
            UserProfileImage img = imgRepo.GetUserImage(userId);
            return File(img.Image, "image/jpg");
        }
    }
}

ImageRepository 在创建 DBContext 时对其进行实例化，并在释放 DBContext 时将其释放。

因此，我有一个显示用户列表的视图，并且对于每个用户，我都会像这样显示他们的图片：

@model IEnumerable<UserRankingViewModel>
<table class="table">
    <tr>
        <th>
            #
        </th>
        <th>
            @Html.DisplayNameFor(modelItem => modelItem.First().Name)
        </th>
    </tr>

    @foreach (var item in Model)
    {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.RankingPosition)
            </td>
            <td>
                    <img src="@item.ImageUrl" class="img-circle img-nav">
                    @Html.DisplayFor(modelItem => item.Name)
            </td>
        </tr>
    }

</table>

其中@item.ImageUrl 是指向GetUserProfileImage 路由的Url。如果我要列出 50 个用户，那么将向该路由发出 50 个请求，我猜 DBContext 将被查询 50 次以获取用户图像。

对于这种特殊情况，是否可以在内存中存储 UserProfileImage 列表以避免每次都查询数据库？这是一个不好的做法吗？如果是，为什么？

在我的情况下，除此之外没有其他应用程序/网络服务可以更改数据库数据，因此如果用户更新他们的图片，我可以检查其中是否有任何内存中图片列出并更新它，除了更新数据库。

Answer 1

尝试将所有图像以 byte64 格式加载到模型中，并直接显示在视图中。 在您的代码中，什么是 UserProfileImage？ UserProfileImage.Image 是什么王者？

你可以试试；

class UserRankingViewModel
{
    ... ...
    public string ImageBase64 {get;set;}
}

class yourController: Controller
{
    public IActionResult YourMethodForLoadUserRunk()
    {
        .... ....
        //here you can load image from dbcontext (memorystream for ex)
        //and convert to array
        var user = new UserRankingViewModel();
        var string64 = Convert.ToBase64String(yourimage.ToArray());
        user.ImageBase64 = String.Format("data:image/gif;base64,{0}", string64);
        ....
        ....
    }
}

所以在你看来：

@foreach (var item in Model)
{
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.RankingPosition)
        </td>
        <td>
                <img src="@item.ImageBase64" class="img-circle img-nav">
                @Html.DisplayFor(modelItem => item.Name)
        </td>
    </tr>
}