如何在 asp.net mvc 中渲染图像？

Question

我正在构建一个使用 Northwind 数据库的示例。 我有一个视图，其中显示特定类别的所有产品，并使用 ul 生成带有图像以及产品名称和价格的项目。

我在这里使用了代码， http://blogs.msdn.com/b/miah/archive/2008/11/13/extending-mvc-returning-an-image-from-a-controller-action .aspx 。

并且已经达到这样的程度：如果我右键单击页面上的图像，我会得到 以下为图片网址。

这是我提供的操作方法，它只接受类别 ID。 /image/show/1

我的 ImageController 中的操作方法如下：

    //
    // GET: /Image/Show
    public ActionResult Show(int id)
    {
        var category = northwind.AllCategories().Single(c => c.CategoryID == id);
        byte[] imageByte = category.Picture;
        string contentType = "image/jpeg";

        return this.Image(imageByte, contentType);
    }

注意：图片是一个 byte[]

然后我在我的视图中这样调用它。 （产品是我认为的模型）

但我仍然无法显示图像。

Answer 1

更改操作

public FileContentResult Show(int id)
{
    var category = northwind.AllCategories().Single(c => c.CategoryID == id);
    byte[] imageByte = category.Picture;
    string contentType = "image/jpeg";

    return File(imageByte, contentType);
}

并发送产品实例以查看并在“视图”中尝试此操作

<img src="<%: Url.Action("Show","Image",new { id = Model.Category.CategoryID  }) %>" />

Answer 2

尝试改用此方法：

public FileContentResult Show(int id)
{
  var category = northwind.AllCategories().Single(c => c.CategoryID == id);  
  byte[] imageByte = category.Picture;  
  string contentType = "image/jpeg";
  return File(imageByte, contentType);
}

如果您不使用该扩展，这应该是基本方法。如果这有效，则错误在扩展中，如果这不起作用，则错误在其他地方 - 可能在路由中。另请检查古斯塔夫的回答！

Answer 3

我不确定这是否是您遇到的问题，但我总是将操作和控制器名称大写：

<%= Url.Action( "Show", "Image", new { id = product.Category.CategoryID } ) %> 

Answer 4

结果我不得不使用匿名类型
' 这样路由就是 /Image/Show/1，而不是 /Image/Show?CategoryID=1。当然，还需要将 Northwind 中的图像从位图更新为 Jpeg。