Images with razor asp.net mvc inside JS

Question

I need to dynamically insert an image in my JS code. In my Razor template I have:

@section Includes {  
      <script type="text/javascript">   


        var imgPath = "@Url.Content("~/Content/img/")";
        alert(imgPath);

      </script>

}

Then in my JS I have:

 insertImg = "";
  if (response[i].someFlag == 'Y') {

                        insertImg = "<img src=\"" + imgPath + "/imgToInsert.gif\" width=\"6px\" height=\"10px\" />";
                    }

But it doesn't work - it will not find the image. The image is stored in /Content/img folder...

What am I doing wrong? I am guessing it is because it is mapping the image from Js script..looks like I will have to hardcode it?

Alert or console.log the following to see if there are too many slashes " + imgPath + "/imgToInsert.gif" — Valamas
– Valamas, Commented Apr 10, 2012 at 23:27

Valamas · Accepted Answer · 2012-04-10 23:56:48Z

1

Alert or console.log the following to see if there are too many slashes " + imgPath + "/imgToInsert.gif"

answered Apr 10, 2012 at 23:56

Valamas

24.8k25 gold badges111 silver badges181 bronze badges

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

Comments

Erik Philips · Accepted Answer · 2012-04-10 23:44:53Z

0

It might be advantageous to use the MVC TagBuilder Class to build your image tags instead of using a string concatenations. Lets you build tags dynamically and makes sure they are well-formed. Most likely your tag is not well-formed.

answered Apr 10, 2012 at 23:44

Erik Philips

54.8k11 gold badges133 silver badges158 bronze badges

Collectives™ on Stack Overflow

Images with razor asp.net mvc inside JS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related