图像没有出现在网页上

Question

我正在尝试在我的主页上显示图像。我的Index.cshtml代码如下所示：

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

<h2>@ViewBag.Message</h2>

<h4>View results by:</h4>
<ul id="friend">
<li>@Html.ActionLink("Countries", "Countries", "Home")</li>
<li>@Html.ActionLink("Events", "Events", "Home")</li>
</ul>
<div>
<img id="banner" src="oly1.jpg"/>
</div>

但出于某种原因，图片不会显示在我的页面上。我将图像保存到我的桌面，当我为另一个项目做同样的事情（使用保存到桌面的图像）时，它使用相同的语法。不过，我使用的是纯HTML。

有什么想法吗？

Answer 1

试试这个：

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

<h2>@ViewBag.Message</h2>

<h4>View results by:</h4>
<ul id="friend">
<li>@Html.ActionLink("Countries", "Countries", "Home")</li>
<li>@Html.ActionLink("Events", "Events", "Home")</li>
</ul>
<div>
    <img id="banner" src="@Url.Content("~/oly1.jpg")"/>
</div>

~指的是您网站的根目录。如果您的图像文件位于根目录，请使用上述路径。如果您的图片位于Content/images内，请使用~/Content/images/oly1.jpg。

示例：