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; 
    } 

とビューで：

<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})' /> 

Answer 2

あなたのイメージは、データベースからロードされているかどうかにかかわらず、すべてのリクエストで点滅します。この効果は、毎回データベースから画像を引き出すのにかかる時間のために増幅される可能性がある。あなたが持っている場合は、別のオプションを検討するようお勧めします。たとえば、AzureやAWSを使用している場合は、イメージをホストするために使用できるファイル/ BLOBストレージがデータベースからロードするよりも高速である可能性があります。私は特に、高価でバックアップが大きくなるため、データベースに画像を保存するのが嫌いです。

「点滅」の問題に戻ります。 GitHubのようないくつかのサイトは、すべてのリクエストで "レイアウト"をリロードせず、変更されたコンテンツだけをリロードします。そのための標準ライブラリはpjaxです（私はGitHubがpjaxを使用すると信じています）。 GitHubはRailsで作られていますが、ソリューションはASP.NET MVCでもうまく動作するはずです。

見てください：いくつか・研究した後

• https://github.com/defunkt/jquery-pjax
• https://github.com/MoOx/pjax

Answer 3

を、私は上Asp.Net MVCのActionFilter

[OutputCache(Duration = 300, VaryByParam="none", Location = OutputCacheLocation.Client)] 

を使用して、それを整理することができActionResult。

私はそれがより良いアプローチであるかどうかわかりませんが、少なくともこのケースでは、私のために働いていました。