c# - 我如何使用 mixit 插件在浏览器中显示图像，其中图像链接来自 DB，但图像未显示在 Asp.net MVC 应用程序中

Question

我的观点：

@model IEnumerable<AdSite.Models.Album>
@{
    ViewBag.Title = "Index";
}


<button class="filter btn btn-primary" data-filter=".category-1">Category 1</button>
<button class="filter btn btn-success" data-filter=".category-2">Category 2</button>
<button class="sort btn btn-default" data-sort="my-order:asc">Ascending Order</button>
<button class="sort btn btn-primary" data-sort="my-order:desc">Descending Order</button>
<button class="filter btn btn-success" data-filter=".all">All</button>

<div id="Container">
    @foreach (var item in Model)
    {
    <div class=" mix category-1 all" data-my-order="@item.Id">
        <img alt="" src="@item.ProductTitle" />
    </div>
     }
</div>

@section scripts{
    <script src="~/Scripts/App/jquery.mixitup.min.js"></script>
    <script>
        $(function () {
            $('#Container').mixItUp();
        });
    </script>
 }

我的控制器动作：

 public ActionResult Index()
        {
            var db = new AlbumContext();
            return View(db.Albums.ToList());
        }

我的模型：

public class Album
    {
        public int Id { get; set; }`

        public string ProductTitle { get; set; }

        public string Description { get; set; }

    }

所以，这是我的代码。我需要通过浏览器上使用的 mixit 插件显示图像。我在这里使用了一个引用 anAlbum model和 a的视图foreach loop来获取属性image中给出的链接ProductTitle。image我还在项目的Content文件夹中上传了一个。当我运行代码时，图像链接显示在浏览器的源代码中，但图像没有显示。我该如何解决？任何人的帮助表示赞赏。谢谢你。

Answer 1

我已经通过使用解决了这个问题：

<img src="@Url.Content(@Model.ProductTitle)" />

在视图中。我之前忘记提供@标志了Model.ProductTitle。现在好啦。

感谢大家。