wie Bild aus dem Ordner Assets/Bilder in einer Schiene app

Question

Ich habe gesucht und auf der Suche nach dieser Antwort. Aber ich kann es nicht schaffen, das jetzt mehrere Stunden zu machen. Bitte bitte hilf mir.

Ich bin eine Webseite meiner Rails-Anwendung, Ich versuche, ein Bild in meinem Vermögen Ordner @app/assets/images/rails.png.

ich eine JavaScript-Datei mit der folgenden Funktion gespeichert zu zeigen, die HTML-Konstrukte. Innerhalb dieser Funktion möchte ich den Link zum Bild weitergeben. Dies ist der Code, den ich derzeit habe.

function addToInfoWindow(infoWindowContent) 
{ 

infoWindowString = '<div class="infoWindow">'+ 
**'<img src="/assets/images/rails.png" />'+** 
'<p>'+infoWindowContent+'</p>'+ 
'<p><a href="http://www.google.com">See here</a></p>'+ 
'<p><a href="http://www.google.com">Upload a photo</a></p>'+ 
'</div>'; 
infoWindow.setContent(infoWindowString); 

} 

Wie Sie oben im Code sehen können, ist der fettgedruckte Teil das Problem. Ich habe verschiedene Kombinationen von URL-Strings ausprobiert, um auf diese Bilddatei zuzugreifen, aber das Bild wird nicht im HTML-Element angezeigt.

Ich habe geschaut und geschaut, versuchte Schienen Helfer Funktionen wie image_url('rails.png'). Aber ich muss sie an den falschen Ort bringen. Kann mir bitte jemand helfen? Bitte zeigen Sie mir, wo, welche Funktion in dem obigen Code muss ich hinzufügen, um das Bild um /assets/images/rails.png zu holen, so dass seine URL in den hervorgehobenen Teil oben platziert ist und es in meiner Sicht zeigt.

Answer 1

Wenn Sie (Klump Antwort sehen) wollen Sie die Schienen Helfer verwenden müssen Sie „Upgrade "Ihre Javascript-Dateien zu erb.

Benennen Sie sie einfach von whatever.js in whatever.js.erb um. Jetzt wird rails den gesamten Erb-Code ausführen (Zeug zwischen <% = und%>), bevor die Datei geliefert wird.

So können Sie wie folgt tun:

<img src="<%= asset_path('rails.png') %>" /> 

More information, 2.2.3 sehen.

Answer 2

Sie werden nicht in der Lage sein, die Schienen Helfer wie image_tag in reinem Javascript verwenden - hängen .erb und verwenden asset_path