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?

Answer 1

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