圖像未出現在網頁上

Question

我想在我的主頁上顯示圖像。 MY 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。

例子：