2016-12-21 113 views
1

我想在我的視圖中顯示來自我的數據庫的圖像,但是我無法使其工作。在數據庫中顯示圖像

我正在上的F5這樣的結果:

enter image description here

這裏是我的模型的外觀:

public int CompId { get; set; } 
    public byte[] ImageData { get; set; } 
    [NotMapped] 
    public HttpPostedFileBase UploadImage { get; set; } 
    [NotMapped] 
    public string ImageBase64 => System.Convert.ToBase64String(ImageData); 
    public string CompanyName { get; set; } 

和視圖:

@model ekspo.Models.Company 

@{ 
    ViewBag.Title = "Details"; 
} 

<h2>Details</h2> 

<div> 
    <h4>Company</h4> 
    <hr /> 
    <dl class="dl-horizontal"> 
     <dt> 
      @Html.DisplayNameFor(model => model.ImageData) 

     </dt> 

     <dd> 
      @*@Html.DisplayFor(model => model.ImageData)*@ 
      <img src="data:image/type;base64,@Model.ImageBase64)" /> 
     </dd> 
+0

嘗試刪除您的img src中的尾隨「)」。 – petryuno1

+0

如果這不起作用,我們能否看到您的Controller代碼? – petryuno1

+0

哦,謝謝你,夥計。這是不可置信的。我失去了一個多小時。這是「)」 –

回答

1

更改線路

<img src="data:image/type;base64,@Model.ImageBase64)" /> 

<img src="data:image/jpg;base64,@Model.ImageBase64" /> 

(只是移除後)。

如果所需的圖像類型不是jpg,請相應地更改。