從DB顯示圖像

Question

對不起這個問題。 有很多信息，但不幸的是我沒有找到答案。 請你幫助我好嗎？ 我有一個主要觀點

詳情查看：

@model Shops.ShopModel
......
@Html.Partial("_PictureViewer", Model.Picures)
......

在主視圖中包括PartialView

_PictureViewer查看：

@model List<Model.PictureOriginalModel>
.....
@foreach (var p in Model)
{ 
  <img src='@new File(@p.Trunk, "image/jpeg");' alt='' />
}
.....

PictureOriginalModel.cs：namespace Model {

  public class PictureOriginalModel
 {
    [DataType(DataType.Text)]
    [Display(Name = "File Name.")]
    public string FileName { get; set; }

    [Display(Name = "Trunk.")]
    public Image Trunk { get; set; }

    [DataType(DataType.Text)]
    [Display(Name = "Description.")]
    public string Description { get; set; }
  }
}

結果我有一個錯誤：錯誤CS1031：類型預期你能澄清如何顯示圖像正確嗎？

Answer 1

你可以這樣做，

public FileContentResult GetImage(...) 
{
  //do somethings
   return File(image, mimeType);
}

<img src="<%= Url.Action("GetImage", "PictureOriginalModel", new { Id = someId}) %>" />

Answer 2

您需要創建用於返回圖像類型響應的操作

控制器代碼

public class HomeController
{
    public ActionResult Image( int id )
    {
        var imageData = getImagebyte(); // your function to return image byte

        return File(imageData, "image/jpg");
    }
}

在你對這個行動的看法上

<img src='@Url.Action("Image","Home", new { id = 1 })' />

Answer 3

您需要創建返回圖像的控制器操作，例如：

[HttpGet]
public ActionResult GetImage(long id, ...) 
{
  ...
   return File(fileBytes, "image/png");
}

在客戶端代碼中，只需設置與控制器GetImage方法的正確鏈接即可

Answer 4

[HttpGet]
public FileResult GetImage(int evaluatorId, int employeeId)
{
    byte[] imgByteArr = this._employeeManager.GetEmployeePhoto(employeeId);
    return imgByteArr != null ? File(imgByteArr, "image/png") : null;
}