我如何使用 mixit 插件在浏览器中显示图像,其中图像 link 来自数据库,但图像未显示在 Asp.net MVC 应用程序中

How can i Show the images in browser with mixit plugin where image link is coming from DB but the image is not showing in an Asp.net MVC application

我的看法:

@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 属性 中给出的 imagelink。我还在项目的 Content 文件夹中上传了一个 image。当我 运行 代码时,图像 link 显示在浏览器的源代码中,但图像未显示。我该如何解决?感谢任何人的帮助。谢谢。

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

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

在view.I中忘记在Model.ProductTitle之前提供@符号。现在好了。

谢谢大家。