ASP.NET MVC モデルでバイト配列から画像を表示するにはどうすればよいですか?

ASP.NET MVC モデルでのデータベース イメージの効率的な表示

ASP.NET MVC アプリケーションでは、データベースにバイト配列として保存されている画像を表示することが頻繁に必要になります。 ただし、これらの画像を取得して表示するためにデータベースに繰り返しアクセスすると、パフォーマンスに影響を与える可能性があります。 この記事では、より効率的な方法を説明します。

バイト配列イメージを直接表示する

モデル内のバイト配列から画像を直接表示できるため、データベース クエリを繰り返し行う必要がなくなります。これは、バイト配列を Base64 文字列に変換し、それをイメージ タグの src 属性に直接埋め込むことで実現されます。

バイト配列を Base64 文字列に変換する

メソッドは、この変換を簡素化します。 バイト配列を受け入れ、それに相当する Base64 を返します。Convert.ToBase64String

ビューでの画像のレンダリング

次の Razor コード スニペットは、Base64 文字列を使用して画像をレンダリングする方法を示しています。

@{
    var base64 = Convert.ToBase64String(Model.ImageBytes);
    var imgSrc = $"data:image/jpeg;base64,{base64}"; // Adjust 'image/jpeg' as needed
}

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

このコードは、バイト配列 (

) を Base64 文字列に変換し、Model.ImageBytes 変数を構築します。 imgSrc プレフィックスは画像タイプを指定します (必要に応じて調整します。一般的なオプションには data:image/jpeg;base64、image/png が含まれます)。 image/gif をモデル内の実際のプロパティ名に置き換えることを忘れないでください。Model.ImageBytes

重要な考慮事項:

この方法にはパフォーマンス上の利点がありますが、次の点を考慮してください。

• 画像タイプ: URL で画像の MIME タイプ (例: image/jpeg、image/png) を正確に指定していることを確認してください。 タイプを誤って指定すると、画像が表示されなくなります。data:
• 大きな画像: Base64 エンコードにより、画像データのサイズが増加します。 非常に大きな画像の場合、これはページの読み込み時間に悪影響を与える可能性があります。 画像を専用のファイル システムに保存し、大きな画像の場合は URL 経由で参照するなどの代替アプローチを検討してください。
• エラー処理: バイト配列が null または無効な場合を適切に管理するために、適切なエラー処理を実装します。

この最適化されたアプローチは、ASP.NET MVC アプリケーションでバイト配列として保存されている画像を表示するための、よりクリーンで効率的な方法を提供します。 特定のモデル構造と画像タイプに一致するようにコードを必ず調整してください。

以上がASP.NET MVC モデルでバイト配列から画像を表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。