如何使用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插件显示图像。我在这里使用了一个引用Album model的视图，并且使用foreach loop用于获取ProductTitle属性中给出的image链接。另外，我在项目的Content文件夹中上传了image。当我运行代码时，图像链接显示在浏览器的源代码中，但图像未显示。我该如何修复？任何人的帮助都受到赞赏。谢谢。

Answer 1

我已经通过：

解决了这个问题

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

在视图中。我忘了在Model.ProductTitle之前提供@符号。现在没关系。

谢谢大家。