我如何使用 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
属性 中给出的 image
link。我还在项目的 Content
文件夹中上传了一个 image
。当我 运行 代码时,图像 link 显示在浏览器的源代码中,但图像未显示。我该如何解决?感谢任何人的帮助。谢谢。
我已经通过使用解决了这个问题:
<img src="@Url.Content(@Model.ProductTitle)" />
在view.I中忘记在Model.ProductTitle
之前提供@
符号。现在好了。
谢谢大家。
我的看法:
@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
link。我还在项目的 Content
文件夹中上传了一个 image
。当我 运行 代码时,图像 link 显示在浏览器的源代码中,但图像未显示。我该如何解决?感谢任何人的帮助。谢谢。
我已经通过使用解决了这个问题:
<img src="@Url.Content(@Model.ProductTitle)" />
在view.I中忘记在Model.ProductTitle
之前提供@
符号。现在好了。
谢谢大家。