How to display an image from a path in asp net MVC 4 and Razor view

Question

I have the following model   public class Player         public String ImagePath               get                       return    Content img sql error JPG                      And  this is my  cshtml file    model SoulMasters Models Game Player     ViewBag Title    Game   Layout      Views Shared  GameLayout cshtml   var imagePath    Model ImagePath      lt fieldset gt   lt legend gt Player lt  legend gt       lt div class  display-field  gt       Html DisplayFor model   gt  model ImagePath   lt  div gt   imagePath  lt div style  padding 10px   gt        lt img src  imagePath alt  Sample Image  width  300px    gt        lt img  alt  asd   gt          model ImagePath       lt  img gt   lt  div gt   lt  fieldset gt    The result is simple text     Content img sql error JPG   Content img sql error JPG Sample Image asd model ImagePath    Also  I have tried the following line  and it works    lt img src    Content img sql error JPG  alt  Sample Image  width  300px    gt    How to display that image from path  Could the image path be different based on settings  Any other ideas    I don t really get it now on how razor syntax works

User · Accepted Answer

In your View try like this      lt img src    Url Content Model ImagePath   alt  Image    gt

User · Answer

Try this     lt img src    Url Content Model ImagePath   alt  Sample Image  style  height 50px width 100px    gt    or    lt img src    Content img  Url Content model   gt model ImagePath   style  height 50px width 100px    gt

User · Answer

you can also try with this answer      lt img src    Content img  Html DisplayFor model   gt model ImagePath   style  height 200px width 200px    gt

User · Answer

foreach  var m in Model               lt img src    Images  m Url  style  overflow  hidden  position  relative  width 200px  height 200px     gt

[asp.net-mvc] How to display an image from a path in asp.net MVC 4 and Razor view?

Examples related to asp.net-mvc

Examples related to image

Examples related to razor