C# MVC Localization Issue with Image URLs

Question

I need to build a c# MVC portal that is localized.

I have the following route defined:

routes.MapRoute(
name: "DefaultLocalized",
url: "{lang}/{controller}/{action}/{id}",
constraints: new { lang = @"(\w{2})|(\w{2}-\w{2})" },   // en or en-US
            defaults: new { controller = "Home", action = "Index", id = 
UrlParameter.Optional }
);

Also implemented a LocalizedControllerActivator.

All works great.

Defaults urls:

http://test

http://test/about ...

When language changed to German it routes to

http://test/de

http://test/de/about ...

that is great.

The issue I have is with images.

for the following line

<img src="media/images/backgrounds/bg.jpg" alt="Smiley face" height="42" 
width="42">

it would resolve to http://test/de/media/images/backgrounds/aria_bg3.jpg

I would like to simply use

http://test/media/images/backgrounds/bg3.jpg

and ignore the language string all together

or I would like to have a different structure like

http://test/media/de/images/backgrounds/bg3.jpg

Any help would be appreciated.

Thanks, Moz

See ASP.NET MVC 5 culture in route and url. The reason why the URL is being generated this way is because your constraint always matches this route when generating the URL (same as the other answer). — NightOwl888
– NightOwl888, Commented Oct 11, 2017 at 15:59

Twometer · Accepted Answer · 2017-10-11 15:54:00Z

1

Try to prepend the src with a /. It will give you the base path.

So for example if thats/a/test is resolved under url https://www.google.com/images, the resulting URL will be https://www.google.com/images/thats/a/test, but when you use /thats/a/test, the resulting URL will be https://www.google.com/thats/a/test.

I think this would fix your problem.

answered Oct 11, 2017 at 15:54

Twometer

1,7532 gold badges18 silver badges28 bronze badges

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

1 Comment

Twometer Over a year ago

No problem, glad I could help you

Beedjees · Accepted Answer · 2017-10-11 16:00:42Z

1

Use relative path to the root of your website. Try to start your attribut "src" by "/", like this :

<img src="/media/images/backgrounds/bg.jpg" alt="Smiley face" height="42" width="42">

An other solution is to use html base tag in the head of your webpage, like this :

<head>
    <base href="http://test/" target="_blank">
</head>

answered Oct 11, 2017 at 16:00

Beedjees

6045 silver badges9 bronze badges

Collectives™ on Stack Overflow

C# MVC Localization Issue with Image URLs

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related