MVCのリストに画像を表示する方法は？

Question

私はFYPで働いている最終学年の学生です。データベースにバイナリデータで保存されているイメージを取得することに問題があります。私はたくさんの解決策を試しましたが、私はGoogleで検索しましたが、解決策はありません。

表示

@model IEnumerable<PictureServices.Picture> 
@{ 
ViewBag.Title = "Index"; 
Layout = "~/Views/Shared/_Layout.cshtml"; 
<tr> 
    @foreach (var item in Model) 
     { 
     <td> 
      @{ 
       var base64 = Convert.ToBase64String(item.image); 
       var imgsrc = string.Format("data:image/jpg;base64,{0}", base64); 
      } 
      <img src='@imgsrc' style="max-width:100px; max-height:100px;"> 
     </td> 

モデル

public class Picture 
{ 
    public int id { get; set; } 

    public byte[] image { get; set; } 

    public string name { get; set; } 
} 

コントローラ

public class CarServicesController : Controller 
{ 

    TestingEntities db = new TestingEntities(); 


    public ActionResult Index() 
    { 
     Picture ds = new Picture(); 
     var item = (from d in db.Pictures 
        select d).ToList(); 

     return View(item); 

    } 

Answer 1

あなたはバイト配列が64列をベースとすることを使用するように変換することができる画像ソースとして。 Convert.ToBase64Stringを使用すると、そうすることができます。あなたがしなければならないことの1つは、nullの可能性があるバイト配列を変換しようとする前に、のチェックです。

@model IEnumerable<PictureServices.Picture>  
<table class="table table-striped"> 
@foreach (var r in Model) 
{ 
    <tr> 
     <td>@r.Id</td> 
     <td>@r.Name</td> 
     <td> 
      @if (r.Image != null) 
      { 
       var imgSrc = $"data:image/jpg;base64,{Convert.ToBase64String(r.Image)}"; 
       <img src="@imgSrc" alt="@r.Name" /> 
      } 
     </td> 
    </tr> 
} 
</table> 

私も（Name代わりnameの）C＃クラスのプロパティのPascalCasingを使用することをお勧めします。