Erfassen von Asset-Pfad von JavaScript

Question

Ich muss Bilder auf einem HTML5-Canvas anzeigen, die sich in der Rails-Asset-Pipeline befinden, aber ich muss den Pfad für das Asset von JavaScript kennen. Ich verwende js-routes für andere Teile der Anwendung, aber es scheint keine Möglichkeit zu bieten, den Pfad zu etwas in der Asset-Pipeline zu bekommen.

Was ist der richtige Weg, um den Pfad zu einem Rails Asset (z. B. ein Bild) von JavaScript zu erhalten?

Answer 1

In den Rails Asset Pipeline guide geben sie ein Beispiel für die Kodierung von Assets in Ihren Stylesheets durch Vorverarbeitung der Stylesheets mit ERB. Sie können die gleiche Technik mit JavaScript verwenden, können Sie zum Ende des Dateinamens ein .erb unter der Annahme, tack:

var someAssetPath = "<%= asset_path('some_image.png') %>"; 

Answer 2

Kasse die js_assets(Javascript helper in rails projects) gem. Ich denke, es ist genau das, was Sie brauchen.

Aus der Dokumentation:

den Pfad zur Vorlage App Get/assets/Javascripts/Rubriken/views/index.html in javascript: var path = asset_path('rubrics/views/index.html')

Answer 3

Für diejenigen mit HAML können Sie tun:

:javascript 
    var assetPath = "#{asset_path('some_image.jpg')}"; 

Answer 4

ich kam in der gleichen Ausgabe in Rails 4.1 und verwenden referencing rails assets in coffeescript für Bilder. Keine zusätzlichen Bibliotheken benötigt.

Answer 5

Warum nicht ein Datenattribut für den Pfad innerhalb eines Elements in Ihrer ERB-Datei hinzufügen und dieses dann mit JQuery abrufen?

innen some_template.html.erb

<%= content_tag(:div, "", id: 'some-id', data:{path_to_asset: asset_path("some_image.png")}) %> 

dann in some_javascript.js

var assetPath = $("#some-id").data("pathToAsset");