MVCに画像を表示

Question

データベースから画像を表示しようとしています。しかし、私は次のエラーが発生しています。

System.Web.Mvc.UrlHelper.Content（string）に最適なオーバーロードされたメソッドの一致には、無効な引数がいくつかあります。ここで

私のコードです：

<table> 
    <tr> 
     <td> 
      Category ID 
     </td> 

     <td> 
      Category Name 
     </td> 

     <td> 
      Category Image 
     </td> 
    </tr> 
    @foreach (var item in Model) 
    { 
    <tr> 
     <td>@item.CategoryID</td> 
     <td>@item.CategoryName</td> 
     <td><img src="@Url.Content(item.CategoryImage)" /></td> 

    </tr> 
    } 
</table> 

Answer 1

これは私が使用するコードです。この場合は

private static string ImageByteToBase64ImageTag(byte[] array) 
    { 
     string base64 = Convert.ToBase64String(array); 
     return "<img class=\"img-responsive center-block\" src=\"data:image/png;base64," + base64 + " \" />"; 
    } 

、base64で画像として画像で作業する方がはるかに簡単になります。私のコードはかなり単純ですが、あなたがしなければならないのは、画像の配列を渡してbase64文字列を得ることだけです。 JSONを使ってイメージを返すこともできます。あなたはViewBagまたはモデルにだけ、次の部分を返すことができます。

ViewBag.ImageData = "data:image/png;base64," + base64String 

し、HTML

<img src="@Html.Raw(ViewBag.ImageData)" /> 

にまたはあなたのモデルで、ちょうど画像の文字列プロパティを作ります。

Answer 2

public ActionResult GetImage() 
{ 
    var imageFile = System.Web.HttpContext.Current.Server.MapPath("ImagePathHere"); 
    var srcImage = Image.FromFile(imageFile); 
    using (var stream = new MemoryStream()) 
    { 
     srcImage.Save(stream, ImageFormat.Png); 
     return File(stream.ToArray(), "image/png"); 
    } 
}