C# 使用动态图像源时图像不可见-MVC5

我正在尝试使用MVC5创建图像幻灯片。这是我的模型课：

public class ImageSlider
{
    public string Source { get; set; }
    public string ImageName { get; set; }
    public string Title { get; set; }
}

对于此模型，我在以下范围内创建了一个控制器和一个操作：

public ActionResult _imageSlider()
{
    return View(new List<ImageSlider> {
       new ImageSlider { Source = "~/_Slider/Images/google.jpg" },
       new ImageSlider { Source = "~/_Slider/Images/googlePlus.jpg" },
       new ImageSlider { Source = "~/_Slider/Images/facebook.jpg" }
    });
}

public ActionResult\u imageSlider（）
{
返回视图（新列表）{
新的ImageSlider{Source=“~/\u Slider/Images/google.jpg”}，
新的ImageSlider{Source=“~/\u Slider/Images/googlePlus.jpg”}，
新的ImageSlider{Source=“~/\u Slider/Images/facebook.jpg”}
});
}

以下是我的部分观点：

<div class="cycle-slideshow" data-cycle-fx="scrollHorz" data-cycle-pause-on-hover="true">
    @foreach (var item in Model)
    {
        <img src="@item.Source" />
    }
</div>

@foreach（模型中的var项目）
{
}

现在的问题是，当我像上面那样创建图像标记时，我看不到任何图像，而我可以在我的页面源代码中看到这些元素已经创建。但是如果我用HTML创建这些标记，所有的图像都是可见的。例如：

<div class="cycle-slideshow" data-cycle-fx="scrollHorz" data-cycle-pause-on-hover="true">
    <img src="~/_Slider/Images/google.jpg" />
    <img src="~/_Slider/Images/googleplus.jpg" />
    <img src="~/_Slider/Images/facebook.jpg" />
</div>

---

我知道我在这里错过了很小的东西，但我不知道是什么。有人能帮我吗？

您需要使用

@Url.Content

像这样，更改您的视图

 @foreach (var item in Model)
    {
        <img src="@Url.Content(item.Source)" />

    }

@foreach（模型中的变量项）
{
}

您需要使用

@Url.Content

像这样，更改您的视图

 @foreach (var item in Model)
    {
        <img src="@Url.Content(item.Source)" />

    }

@foreach（模型中的变量项）
{
}

当您看到创建的项目时，它们是否具有正确的来源，即与您直接在html中创建它们时完全相同？请尝试src=“@Url.Content（item.source）”@AsheraH，是。事实上，我从页面复制了上面的静态html代码source@mww，它是这样工作的。但是你能用

解释一下基本区别吗？当你看到创建的项目时，它们是否有正确的来源，即与直接在html中创建它们时完全相同？请尝试src=“@Url.Content（item.source）”@AsheraH，是的。事实上，我从页面复制了上面的静态html代码source@mww，它是这样工作的。但是你能用