asp.net-mvc-3 - 无法显示图像

Question

我在两个文件夹中都放了一张图片：/Views/Home/chart02.jpg 和 /Content/chart02.jpg

在视图文件 index.cshtml 中：

@{
    ViewBag.Title = "Home Page";
}

<h2>@ViewBag.Message</h2>

<p>
To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>.

    <img src="<%= @Url.Content("~/Content/chart02.jpg") %>" />  
    <img src="<%= Url.Content("~/Content/chart02.jpg") %>" />    
    <img src="<%= Url.Content("~")%>/Content/chart02.jpg"/>
    <%= Url.Content("~/Home/chart02.jpg") %>
</p>  

但它们都不起作用。在查看页面源代码中：

<p>
To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>.

    <img src="<%= /Content/chart02.jpg %>" />    
    <img src="<%= Url.Content("~/Content/chart02.jpg") %>" />   
    <img src="<%= Url.Content("~")%>/Content/chart02.jpg"/>
    <%= Url.Content("~/Home/chart02.jpg") %>
</p>

我在某个地方错过了什么吗？

Answer 1

你有 Razor 和 WebForms 的混合。您的标记应如下所示：

<img src="@Url.Content("~/Content/chart02.jpg")" />

Answer 2

现在编辑您的帖子已清理并且您的代码正确显示：

在您的每个图像标签中，您都有一个小错误。如果您使用的是 MVC 3 和 Razor，则不再使用 <%= %>。只需在代码前加上@。

<img src="@Url.Content("~/Content/chart02.jpg")">

或者，根据您的 MVC 版本，您可以跳过Url.Content

<img src="~/Content/chart02.jpg">