Olá, estou com dificuldade em exibir imagens dinâmicas utilizando sintax Razor, em um projeto asp.net MVC 5.
Tenho o caminho da imagem guardado em uma coluna na base de dados, de nome Imagem.
Abaixo o código da minha view:
@foreach (var item in Model) {
<div class="item branding">
<img src="@Html.DisplayFor(modelItem => item.imagem)" class="img-responsive" alt="" />
<div class="works-overlay">
<div class="wo-inner">
<h4>@Html.DisplayFor(modelItem => item.nome)</h4>
</div>
</div>
</div>
}
Porém quando a view é renderizada, o src da imagem fica correto, da maneira que está salvo na base de dados: ~/Content/images/galeria/minha-imagem-123.jpg. Porem o caminho da imagem completo está incorreto, como exibido abaixo:
http://localhost:9474/Albuns/~/Content/images/galeria/minha-imagem-123.jpg
Abaixo segue meu controller, com um método de listagem simples.
public ActionResult Index()
{
return View(db.portifolio.ToList());
}
Alguém pode me ajudar em como eu faço para exibir corretamente as imagens? A ideia é armazenar no banco o caminho da imagem no servidor, após upload da mesma. E na hora de renderizar, apenas pegar o caminho da imagem.
Caso alguém tenha uma opinião melhor de armazenar/exibir imagens, por favor, pode comentar.
get; set;
)?src
da tagimage
eu ponho assim e funciona, por exemplo: src="@Model.Foto" e dessa forma eu consigo pegar a foto no meu projeto e exibi-la.