2016-11-25 4 views
0

내보기 표시되지 않을 :어떻게 이미지 링크는 DB에서 오는 mixit 플러그인을 브라우저에서 이미지를 표시 할 수 있지만 이미지는 Asp.net MVC 응용 프로그램에서

@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 loopProductTitle 속성에 지정된 image 링크를 가져 오는 데 사용됩니다. 또한 image을 프로젝트의 Content 폴더에 업로드했습니다. 코드를 실행할 때 이미지 링크가 브라우저의 소스 코드에 표시되지만 이미지가 표시되지 않습니다. 어떻게 해결할 수 있습니까? 누구나 도움을 주시면 감사하겠습니다. 고맙습니다.

+0

URL이 데이터베이스에서 어떻게 보이는지, 상대 경로입니까? –

+0

안녕하세요 @ EhsanSajjad 저는 EF 코드의 첫 번째 모델을 사용하고 있습니다. 이미지의 URL은 다음과 같습니다. "~/Content/image/2.jpg" –

+0

URL을 사용하십시오. 내용은 과 같습니다. –

답변

0

나는 사용하여이 문제를 해결 한 다음 view.I에

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

Model.ProductTitle 전에 @ 기호를 제공하는 것을 잊었다. 이제 괜찮아.

모두에게 감사드립니다.