如何使用Razor显示动态图像名称

Question

我是MVC的新手，最近使用Razor视图引擎启动了Asp.Net MVC3项目。

目前，我无法用Razor将图像名称输出到html img标签中。

假设我的模型中有一个Car类，它带有一个名为ModelName的字符串属性。我还有一个包含汽车模型图像的文件夹，它们以汽车模型命名，这样我就可以按照惯例通过使用名称来显示特定模型的图像。

从我控制我汽车的集合向下传递到我的观点并执行以下操作以显示汽车模型的图像列表：

@foreach (var item in Model) { 
<img src='@item.ModelName.png' /> 
} 

但是，如果我尝试运行此，我得到的错误：

Compiler Error Message: CS1061: 'string' does not contain a definition for 'png' and no extension method 'png' accepting a first argument of type 'string' could be found (are you missing a using directive or an assembly reference?)

我也试过

@foreach (var item in Model) { 
    <img src='@{item.ModelName}.png' /> 
    } 

但是，其结果是：

Compiler Error Message: CS1528: Expected ; or = (cannot specify constructor arguments in >declaration) Source Error:

Line 84: #line default Line 85: #line hidden Line 86: WriteLiteral(".png\' ">\r\n"); Line 88:

我可以围绕它做：

@foreach (var item in Model) { 
    string imageName = string.Format("{0}.png", item.ModelName); 
    <img src='@imageName' /> 
    } 

但是，这感觉非常笨重，当然必须有一个更好的办法？

Answer 1

你也可以这样做：

@foreach (var item in Model) 
{ 
    <img src="@(item.ModelName).png" /> 
} 

或者造一个配偶帮助：

public static MVCHtmlString Image<T>(this HtmlHelper helper, string name) 
{ 
    TagBuilder img=new TagBuilder("img"); 
    img.Attributes.Add("src", name+".png"); 
    return new MvcHtmlString(img.ToString()); 
} 

，并用它喜欢：

@foreach (var item in Model) 
{ 
    @Html.Image(item.ModelName) 
} 

Answer 2

@foreach (var item in Model._imageList) 
{ 
    <tr> 
     <td> 
      @Html.DisplayFor(modelItem => item.FriendlyName) 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => item.CreateDate) 
     </td> 
     <td> 
      <img src="@Url.Content(item.ImagePath)" alt="Image" /> 
     </td> 
     <td> 
      @Html.ActionLink("Edit", "UploadImageEdit", new { id = item.ImageID }) | 
      @Html.ActionLink("Details", "UploadImageDetails", new { id = item.ImageID }) | 
      @Html.ActionLink("Delete", "UploadImageDelete", new { id = item.ImageID }) 
     </td> 
    </tr> 
} 

这将显示在图像保存在文件系统上，但文件路径是在使用foreach循环时保存在数据库中。