Symfony 2：javascriptファイルで画像パスを生成するには？

Question

私はずっとこれをグーグルで見つけてきました！いくつかのメニューホバーとマウスアウトに画像を表示する必要があります。コードはjsファイルに書かれています。しかし、画像パスを生成する必要があります。 JSファイル内の画像のパスを生成するために使用されるFOSJsRoutingBundleことができ、この

{{資産（「バンドル/ mybundle /画像/ menu_down.png」）}}

のようなものを使用した画像のパスを生成する方法はありますか？

Answer 1

同意するニック答え、彼は{{アセット（...）}}の周りに "引用符"を忘れてしまった。

だから、それは次のように記述する必要があります：あなたはwindow.menuDownUrlが仕事をしたい場合は

var menuDownUrl = "{{ asset('bundles/mybundle/images/menu_down.png') }}"; 

と出力しないあなた"undefined"

Answer 2

あなたはあなたの実際のページ上のグローバルJS変数を設定できます。グローバル変数を呼び出すためにあなたのjavascriptファイル内の設定

<script> 
    var menuDownUrl = "{{ asset('bundles/mybundle/images/menu_down.png') }}"; 
</script> 

そして：window.menuDownUrl

を次に、あなたのjavascriptファイル内の依存関係を作成しますが、そのイメージを動的に設定することができます。

Answer 3

あなたは隠された入力を入れて、画像のパスを設定することができます。

<input type="hidden" id="img_path" value="{{ asset('images/circle_loading.gif') }}"> 

その後のjQueryであなたはこの

var img = "<img src=\'"+ $("#img_path").val() +"\'>"; 
$("div").html(img);