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，则不要使用＆lt;％=％＆gt;了。只需在代码前加上@。

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

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

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

无法显示图像

2 个答案: