Bilder mit Rasierer asp.net mvc in JS

Question

Ich muss ein Bild dynamisch in meinen JS-Code einfügen. In meiner Razor Vorlage ich habe:

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


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

     </script> 

} 

Da ist in meinem JS ich habe:

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

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

Aber es funktioniert nicht - es wird das Bild nicht finden. Das Bild wird im Ordner/Content/img gespeichert ...

Was mache ich falsch? Ich nehme an, es ist, weil es das Bild von Js-Skript abbildet .. sieht aus, als ob ich es hart codieren muss?

Answer 1

Alarm oder console.log folgendes zu sehen, ob es zu viele Schrägstriche " + imgPath + "/imgToInsert.gif"

Answer 2

Es könnte von Vorteil sein, die MVC TagBuilder Class zu verwenden, um Ihr Image-Tags zu bauen, anstatt eine Zeichenfolge Verkettungen zu verwenden. Hiermit können Sie Tags dynamisch erstellen und sicherstellen, dass sie korrekt formatiert sind. Wahrscheinlich ist Ihr Tag nicht gut formatiert.