採集資源路徑從JavaScript

我需要一個HTML5畫布是在Rails的資產管線上顯示圖像，但我需要知道從JavaScript資產的路徑。我使用js-routes的應用程序的其他部分，但它似乎並沒有提供一種方式來獲得在資產管道東西的路徑。採集資源路徑從JavaScript

什麼是獲得的路徑，從JavaScript Rails的資產（例如，圖像）的正確方法？

2012-11-15 senfo

在軌道Asset Pipeline guide，他們給通過預處理與僱員再培訓局的樣式表編碼在樣式表中資產的例子。您可以使用相同的技術用JavaScript，假設你釘一個.erb到文件名末尾：

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

2012-11-15 16:04:42 BaronVonBraun

謝謝你的快速反應裏面....我想過這樣做，但可能有許多不同資產我想要的路徑，所以這可能會變得繁瑣，併成爲一個維護的惡夢，因爲資產添加或刪除。我也考慮過創建我自己的操作方法來返回提供的資產名稱的URL，但我希望找到一個更好的選擇。 – senfo

我個人認爲這是一個可怕的建議，儘管它是可行的。 Rails不打算成爲JavaScript預編譯器。 –

@ArxPoetica，那麼他們爲什麼要採用編譯爲JavaScript的CoffeeScript呢？ – Mischa

結帳的js_assets(Javascript helper in rails projects)寶石。我認爲這正是你需要的。

從文檔：

獲取路徑模板應用程序/資產/ Java腳本/評鑑/視圖/ index.html的在javascript： var path = asset_path('rubrics/views/index.html')

2014-05-02 17:03:36 pisaruk

對於那些使用HAML可以做：

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

2014-05-15 23:00:26

我不得不用雙引號使它工作，但是感謝讓我走上了正軌。 – cubsker

我在Rails 4.1遇到同樣的問題，並使用referencing rails assets in coffeescript圖像。不需要額外的庫。

2014-10-13 07:39:25

爲什麼不在你.erb文件中添加的路徑的數據屬性的元素內，然後檢索與jQuery？

some_template.html.erb

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

然後在some_javascript.js

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

2014-11-03 03:20:28 ryan2johnson9

我有點像這個建議。而不是將.erb添加到您的js文件中。 – kev

我喜歡這個太，因爲如果你需要使用從JavaScript衍生變量在你的圖像路徑，您不能使用的資源路徑與僱員再培訓局注入。 –

回答