Setting correctly the src path of <img/> tag in asp.net mvc 3 razor view

Question

I work on this asp.net mvc 3 project and till now we used local resources to simulate real life data. Now due to the progress the project made all resources (images as far as this questions is concerned) are moved to a directory on a remove server.

So until now i had this code in my razor view to display an image on the screen :

<img src= "@Url.Content("~/Content/" + Model[i].FieldValue)" alt="Logo" />

Now I have to use the new directory the path to which you can see in my attempt to renew my code and keep it working with the new set up

<img src= "@Url.Content("\\\\85.53.1.107\\East\\upload\\"+Model[i].FieldValue)" alt="Logo" />

So the actual address is \\85.53.1.107\East\upload\. What is the proper way to change my code to keep displaying the picture? Like now I only see the name of the image without it's extension.

hemma731 · Accepted Answer · 2013-05-23 11:12:56Z

2

I think you should use an http request for the url with a web server like

"http://85.53.1.107/East/upload/"

And i would also put this path in the webconfig file so i would not have to repeat this every time i have to use an image, maybe with a custom url extension so the call looks like :

<img src="@Url.ImagePath(Model[i].FieldValue)" />

with this extension :

public static class UrlExtensions
{
  public static string ImagePath(this UrlHelper helper, string imageFileName)
  {
    return helper.Content(string.Format("{0}/{1}", ConfigurationManager.AppSettings["ImagesBasePath"],  imageFileName));
  }
}

and the key in webconfig file :

<configuration>
    <appSettings>
        ...
        <add  key="ImagesBasePath" value="http://85.53.1.107/East/upload/" />
    </appSettings>
</configuration>

And if your application has the rights to access the 85.53.1.107 server, you could set your key with the name of the server :

    <add  key="ImagesBasePath" value="\\NAME_OF_SERVER\East\upload\" />

edited May 23, 2013 at 11:12

answered May 23, 2013 at 11:05

hemma731

1581 gold badge1 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Leron Over a year ago

In fact the path is the web.config even now but I thought to solve the problem in two steps. You save me time. Thanks.

Collectives™ on Stack Overflow

Setting correctly the src path of <img/> tag in asp.net mvc 3 razor view

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related