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\         


        

Answer 1

you can also try with this answer :

 <img src="~/Content/img/@Html.DisplayFor(model =>model.ImagePath)" style="height:200px;width:200px;"/>

Answer 2

Try this ,

<img src= "@Url.Content(Model.ImagePath)" alt="Sample Image" style="height:50px;width:100px;"/>

(or)

<img src="~/Content/img/@Url.Content(model =>model.ImagePath)" style="height:50px;width:100px;"/>

Answer 3

 @foreach (var m in Model)
    {
      <img src="~/Images/@m.Url" style="overflow: hidden; position: relative; width:200px; height:200px;" />
    }

Answer 4

In your View try like this

  <img src= "@Url.Content(Model.ImagePath)" alt="Image" />