如何在 [MVC 3.0 Razor] 的 Html Helper Web Grid 中显示数据库中的图像答案

【问题标题】：How to display Image from database in Html Helper Web Grid of [MVC 3.0 Razor]如何在 [MVC 3.0 Razor] 的 Html Helper Web Grid 中显示数据库中的图像
【发布时间】：2011-07-29 00:21:00
【问题描述】：

我正在开发 Web Grid HTMl 助手。我想显示数据库中的数据。我成功地显示了数据库中的两列，但不知道如何从数据库中显示图像。我已经制作了 Html 助手来在数据库中显示图像，但是如何在 Web 网格 HTML 助手中使用。所以请帮忙。

【问题讨论】：

标签： webgrid

【解决方案1】：

你可以创建一个返回图片的动作，然后在你的图片标签中使用它的 url：

<img src="/Images/View/123" />

您的操作将类似于：

public ActionResult View(string id)
{
    return base.File("C:\Path\File", "image/jpeg");
}

【讨论】：

【解决方案2】：

我创建了一个小型 mvc3 应用程序，显示网球决赛选手名单，每个选手旁边都有一个国籍标志：

为此，我使用了一个简单的 Helper 类：

使用 System.Web.Mvc；命名空间 MvcTennis.Helpers { 公共静态类 HtmlHelpers { 公共静态 MvcHtmlString CountryFlag（这个 HtmlHelper 助手，字符串 CountryCode） { 字符串 sRoot = "~/Content/Images/"; 字符串 sFlagPath = sRoot + CountryCode.ToLower() + ".png"; string image = ""; MvcHtmlString sHtml = new MvcHtmlString(image); 返回.html； } } }

Content/Images 文件夹包含 .png 格式的标志文件。

在视图页面（Index.cshtml）我们需要添加 using 指令：

Html/Razor 语法：

【讨论】：