データベースにアクセスせずにASP.NET MVCでバイト配列イメージを表示する方法は?

データベースにアクセスせずに ASP.NET MVC でバイト配列イメージを効率的に表示する

多くの ASP.NET MVC アプリケーションは、イメージをモデル内のバイト配列として保存します。 ただし、これらの画像を取得するためにデータベースに繰り返しアクセスすると、パフォーマンスに影響します。この記事では、データベースをバイパスして効率を向上させ、バイト配列イメージをモデルから直接表示するソリューションを紹介します。

重要なのは、.NET の組み込み機能を利用してバイト配列を Base64 文字列に変換することです。この文字列は HTML <img src="/static/imghwm/default1.png" data-src="@imgSrc" class="lazy" alt="データベースにアクセスせずにASP.NET MVCでバイト配列イメージを表示する方法は?" > タグのソースとなり、Web ページ上に画像を直接レンダリングします。

プロセスは次のとおりです:

1. Base64 変換: Convert.ToBase64String() を使用して、バイト配列を Base64 でエンコードされた文字列に変換します。
2. データ URI 形式: Base64 文字列と画像の MIME タイプ (例: "data:image/jpeg;base64,") を使用してデータ URI 文字列を構築します。
3. HTML 画像要素: フォーマットされたデータ URI を src タグの <img src="/static/imghwm/default1.png" data-src="@imgSrc" class="lazy" alt="データベースにアクセスせずにASP.NET MVCでバイト配列イメージを表示する方法は?" > 属性として埋め込みます。

このコード スニペットは実装を示しています:

@{
    var base64 = Convert.ToBase64String(Model.ByteArray);
    var imgSrc = $"data:image/{Model.ImageType};base64,{base64}"; //Improved using string interpolation and dynamic image type
}

<img src="/static/imghwm/default1.png"  data-src="@imgSrc"  class="lazy" alt="Image from byte array" />

この最適化されたアプローチにより、データベース呼び出しの繰り返しが回避され、その結果、画像の読み込みが高速になり、アプリケーション全体のパフォーマンスが向上します。 アクセシビリティのために alt 属性が追加されていることに注意してください。 この例では、よりクリーンなコードのために文字列補間も使用しており、MIME タイプを動的に決定するための ImageType プロパティ (例: "jpeg"、"png"、"gif") がモデルに含まれていることを前提としています。

以上がデータベースにアクセスせずにASP.NET MVCでバイト配列イメージを表示する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。