c# - Asp.Net MVC，从数据库动态加载图像 - 图像闪烁

Question

我正在从数据库加载图像并在 _Layout.cshtml 中显示该图像。

图像可以改变(登录后)，每个公司可能有不同的图像，所以在登录后，我去数据库并为该公司获取相应的图像(基于它的 Id)。我需要保留这个加载的图像，不需要再次访问服务器。

一切正常，我可以加载图像并在 _Layout 中显示，但在每次请求后，图像“闪烁”，因为正在重新创建 _Layout。

我关注了this问题(第 1 步)从数据库加载图像。

我的代码是:

    public ActionResult CarregarLogoEmpresa()
    {
        if (SecurityManager.Instance.Identity.IsAuthenticated)
        {
            var codigoEmpresaLogada = SecurityManager.Instance.Session.IdEmpresa;

            var logoEmpresa = _empresaAppService.BuscarLogoEmpresa(codigoEmpresaLogada);

            //return Json(Convert.ToBase64String(logoEmpresa), JsonRequestBehavior.AllowGet);

            return File(logoEmpresa, "image/jpg");
        }

        return null;
    }

在 View 中:

<img src='@Url.Action("CarregarLogoEmpresa", "Image")' />

有没有办法保持图像加载而不是重新创建，从而避免每次都闪烁？

Answer 1

这种闪烁的发生可能是因为从数据库加载图像需要时间。我建议使用 Asp.Net OutputCache 以最大限度地减少加载时间。

行动:

[OutputCahce(VaryByParam="CodigoEmpresaLogada", Duration=30)]
public ActionResult CarregarLogoEmpresa(int CodigoEmpresaLogada)
{
    if (SecurityManager.Instance.Identity.IsAuthenticated)
    {
        var logoEmpresa = _empresaAppService.BuscarLogoEmpresa(CodigoEmpresaLogada);

        //return Json(Convert.ToBase64String(logoEmpresa), JsonRequestBehavior.AllowGet);

        return File(logoEmpresa, "image/jpg");
    }

    return null;
}

查看:

<img src='@Url.Action("CarregarLogoEmpresa", "Image", new {CodigoEmpresaLogada = SecurityManager.Instance.Session.IdEmpresa})' />