使用 ASP.NET MVC 在详细信息页面模板中显示数据库中的 byte[] 数组图像

Question

当我尝试使用以下命令在“详细信息”页面模板内显示 byte[] 数组图像时：

public FileContentResult RenderPhoto(byte[] photo)
{
    // var array = (byte[])Session["photo"];
    // return File(array, "image/jpeg");

    return File(photo, "image/jpeg");
}

<img src="@Url.Action("RenderPhoto", Model.Photo)"/>

photo 为 null。

如果我将 Student.Photo 存储在 Session: 中

//
// GET: /Student/Details/5

public ViewResult Details(int id)
{
    Student student = db.Students.Find(id);

    Session["photo"] = student.Photo;

    return View(student);
}

，并尝试显示从 Session 中检索值的图像（上面的注释行），它就可以工作。

为什么我在第一种情况下得到空值？

将学生传递给 ViewResult Details(int id) 中的视图后，Model.Photo 不再保留该值？

Answer 1

首先

Url.Action("RenderPhoto", Model.Photo)

不会工作，Model.Photo（大概是你的字节数组）将被视为一个对象来推断其路线值。它将生成一个具有 Array 对象的公共属性的路由，可能类似于

?IsFixedSize=true&IsReadOnly=false&Length=255

That's will be a very unhelpful url。一旦页面在浏览器中加载，浏览器将请求该图像，调用您的 RenderPhoto 方法，但是没有名为 photo 的参数，因此绑定将失败，即使有一个名为 photo 的参数（AFAIK），也没有逻辑DefaultModelBinder 用于从字符串创建字节数组，因此 photo 为 null。

您需要做的是将带有 Id 属性的匿名对象传递到 Url.Action 中，

Url.Action("RenderPhoto", new { Id = Model.PhotoId })

该对象将被转换为查询字符串，可能类似于以下内容（但这取决于您的路线）

/xxx/RenderPhoto/25

然后您需要检索该数据RenderPhoto 方法中的照片

Martin

Answer 2

为什么我在第一种情况下得到空值？

您不能在 标记中将字节数组传递到服务器。 标签只是向指定资源发送 GET 请求。正确的方法是使用 id:

<img src="@Url.Action("RenderPhoto", new { photoId = Model.PhotoId })" />

然后：

public ActionResult RenderPhoto(int photoId)
{
    byte[] photo = FetchPhotoFromDb(photoId);
    return File(photo, "image/jpeg");
}