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; }

Player

@Html.DisplayFor(model => model.ImagePath)

@imagePath

model.ImagePath;

``` 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: ```

``` 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 synta…

Accepted Answer

In your View try like this

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

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

Solution

Problem