ASP.NET MVC中未正确显示图像

Question

我正在尝试使用ASP.NET MVC的一些图像。我已经创建了一个用于存储它们的文件夹，然后我将它们从解决方案资源管理器中提取出来进行编码。

查看代码：

<a asp-area="" asp-controller="Home" asp-action="Index" class="navbar-brand"> <img src="~/Images/Logo.png" width="125" height="74" class="img-responsive" /> <img src="~/Images/Logo.png" /> </a>

在Google Chrome上检查时的页面代码：

<img src="/Images/Logo.png" width="125" height="74" class="img-responsive">

当我运行应用程序时，它们在浏览器上出现故障。我检查了路径，属性，一切都是正确的，但我无法解决这个问题。

Answer 1

你可以尝试使用@Raw

<dd>
    <img src="~/Images/@Html.Raw(Model.PhotoUrl)" alt="Image" style="width: 500px; height: 300px;"/>
</dd>

Answer 2

刚发现问题。我在解决方案资源管理器中创建了一个文件夹名称“Images”来存储我的所有图像，但这与“CSS”文件夹中的forder“images”相混淆。我将图像移动到“CSS”文件夹中的“图像”文件夹，一切都很完美。