Using Url.Content with semi-relative URL

Question

I am storing the location of images in my database in an MVC application...but i am only storing part of the location. For example:

/headers/image1.jpg
/head         


        

Answer 1

You can write extension method which combine your ImageUrl with configured path to content directory.

<img src="@Model.ImageUrl.ToRelative()" alt="@Model.ImageAlt" />

PS
Remember about alt tag. ;)

Answer 2

Just do it!

<img src="@Url.Content("~/content/images" + Model.ImageUrl)" />

UPDATE:

As of ASP.NET MVC 4 it is valid to use the tilde URLs directly in HTML as the Razor View Engine will parse the URLs. Like this:

<img src="~/content/images/@Model.ImageUrl" />