2016-12-21 9 views
1

Ich versuche, ein Bild aus meiner Datenbank in meiner Ansicht anzuzeigen, aber ich kann es nicht funktionieren.Anzeigen eines Bildes aus der Datenbank in der Ansicht

Ich erhalte dieses Ergebnis auf f5:

enter image description here

Hier ist, wie mein Modell aussieht:

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; } 

und die Aussicht:

@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

Versuchen Sie, das nachstehende ")" in Ihrem img src zu entfernen. – petryuno1

+0

Wenn das nicht funktioniert, können wir Ihren Controllercode sehen? – petryuno1

+0

oh, danke, Kumpel. Das ist unglaublich. Ich habe mehr als eine Stunde verloren. es war die ")" –

Antwort

1

Ändern Sie die Zeile

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

zu

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

(nur entfernen, die Hinter).

Und wenn der gewünschte Bildtyp nicht jpg ist, ändern Sie das entsprechend.

Verwandte Themen