Отображение изображения в 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 или Model:

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