C# 如何使用数据库中的图像URL并在Razor页面中显示?

C# 如何使用数据库中的图像URL并在Razor页面中显示?,c#,asp.net-mvc,razor,C#,Asp.net Mvc,Razor,我有一个数据库表,其中包含图像的URL。我试图检索它们并显示在cshtml页面中。但它不显示图像。但显示每个照片的名称。为什么 @foreach (var item in Model) { <img class="img-responsive" src="@item.Image" alt="" style="width:200px;height:200px" /> <h4 class="centered">@item.Name</h4> } @fore

我有一个数据库表,其中包含图像的URL。我试图检索它们并显示在cshtml页面中。但它不显示图像。但显示每个照片的名称。为什么

 @foreach (var item in Model)
{
  <img class="img-responsive" src="@item.Image" alt="" style="width:200px;height:200px" />
<h4 class="centered">@item.Name</h4>
}
@foreach(模型中的变量项)
{
@项目名称
}
在表中的Image列中,URL存储为

例如:

~/Images/Objects/fitem10.jpg

您需要设置图像的
src
属性:

<img src= "@Url.Content(item.Image)" alt="alternative text" />


Url.Content()
为您将图像的相对路径解析为绝对路径。

该位置是否有图像?如果您检查生成的HTML源代码,SRC标记的值是多少?相对路径正确吗?