記事詳細

投稿日

2025年10月13日13時34分

タイトル

データベースのImageデータを画像化して表示する。

内容

コピーする

以下は、ASP.NET MVCのビューで、@foreachを使用してモデル内のバイナリデータを<img>要素で表示するコード例です。バイナリデータはBase64エンコードを使用して画像として表示します。

コード例

モデル (Model)

[Required]

[Display(Name = "Imageを選択")]

public byte[] CategoryImage { get; set; } = null!;  //実際にはnullにならない」と保証している

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

Viewのコード例：

@foreach (var item in Model) {

        <tr>

            <td>

                @Html.DisplayFor(modelItem => item.CategoryName)

            </td>

            <td>

               

                    <img src="data:image/jpeg;base64,@Convert.ToBase64String(item.CategoryImage)" alt="@item.CategoryName" style="max-width: 100px; height: auto;" />

            </td>

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

上記のimgタグ内の「src="data:image/jpeg;base64,@Convert.ToBase64String(item.CategoryImage)" 

の様に、バイナリデータはBase64エンコードを使用して画像として表示します。

添付画像

---

画像はありません

Genreのカテゴリ-名

Views