Use a variable that store image path in Razor Url.Content

Question

I used a function to construct an image path dynamically like this:

  function () {
            var name = $(this).attr('id') + '_o';
            var newsrc = '../../Content/HomePage/' + name + '.png';

And I want to assign the newsrc using Razor Url.Content to an image tag as its source. SO, I wish to do something like this:

  $(this).attr('src', '@Url.Content(newsrc)');

But VS show me red line saying that the newsrc is not exist within current context.. How can I use a variable along with Url.Content?

(Note: I am using this inside script tag...)

EDIT: An idea comes to my mind, perhaps the backdoor will be passing the newsrc to controller, use Url.Content there to resolve the url and pass it back? Is it feasible?

Any help will be appreciated..

score 1 · Answer 1 · edited Dec 10 '12 at 23:21

1

When I am using this technique to send the path to JavaScript variable then it shows me -1 instead of path. The code is as below.

var path= <%= ConfigurationManager.AppSettings["FileManager"] %>;

edited Dec 10 '12 at 23:21

Musa

96,336
17
118
137

answered Dec 10 '12 at 10:28

Ammar Khan

143
1
2

score 0 · Answer 2 · answered Dec 07 '11 at 09:27

You are attempting to directly pass a javascript variable to Asp.Net code - which is impossible.

You will have to remove the @Url.Content() and just use the relative path in your javascript:

$(this).attr('src', newsrc);

Or alternatively, use the Url.Content() to get the folder location, and append the filename in javascript, like this:

var name = $(this).attr('id') + '_o';
var newsrcFolder = '@Url.Content('../../Content/HomePage/')';
var newsrc = newsrcFolder + name + '.png';
$(this).attr('src', newsrc);

I could not remove the @Url.Content() as the relative path is not working on deployment. And i tried your second suggestion is show me syntax error at "/" after the HomePage as well.... — shennyL, Dec 07 '11 at 09:32

score 0 · Accepted Answer · answered Dec 10 '11 at 23:33

Problem solved by my senior. I create an extra appsettings in web.config ( a WebDirectory) then assign the value as the folder path.

Then, at my code, I can easily construct my url using:

 System.Configuration.ConfigurationManager.AppSettings["WebDirectory"].ToString()...

Just share my solution here, hope it will help someone in future. Thanks.

Use a variable that store image path in Razor Url.Content

3 Answers3

Linked