Acquisisci traccia asset da JavaScript

Question

Ho bisogno di visualizzare le immagini su un canvas HTML5 che si trova nella pipeline degli asset di Rails, ma ho bisogno di conoscere il percorso della risorsa da JavaScript. Sto usando js-routes per altre parti dell'applicazione, ma non sembra fornire un modo per ottenere il percorso verso qualcosa nella pipeline degli asset.

Qual è il modo corretto per ottenere il percorso di un asset Rails (ad es. Un'immagine) da JavaScript?

Answer 1

Nei Rails Asset Pipeline guide, forniscono un esempio di risorse di codifica nei fogli di stile preelaborando i fogli di stile con ERB. È possibile utilizzare la stessa tecnica con JavaScript, supponendo che dovete aggiungere un .erb alla fine del nome del file:

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

Answer 2

Acquista il js_assets(Javascript helper in rails projects) gemma. Penso che sia proprio quello di cui hai bisogno.

Dalla documentazione:

ottenere il percorso per il modello di applicazione/beni/javascript/rubriche/views/index.html in javascript: var path = asset_path('rubrics/views/index.html')

Answer 3

Per coloro che utilizzano HAML è possibile fare:

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

Answer 4

mi sono imbattuto lo stesso problema in Rails 4.1 e utilizzati referencing rails assets in coffeescript per le immagini. Non sono necessarie librerie aggiuntive.

Answer 5

Perché non aggiungere un attributo di dati per il percorso all'interno di un elemento nel file .erb e quindi recuperarlo con JQuery?

all'interno some_template.html.erb

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

poi nel some_javascript.js

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