Symfony 2：如何在JavaScript文件中生成圖像路徑？

Question

我一直在搜索這個很長一段時間！我需要在某些菜單懸停和鼠標懸停上顯示圖像。代碼被寫入一個js文件。但是需要生成圖像路徑。有沒有辦法使用這樣

{{資產（「束/ mybundle /圖片/ menu_down.png」）}}

東西能FOSJsRoutingBundle用於生成js文件圖像路徑生成圖像路徑？

Answer 1

同意尼克答案，但他忘記了{{asset（...）}}}周圍的「引號」。

所以應該這樣寫：

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

如果你想window.menuDownUrl工作，而不是輸出你"undefined"

Answer 2

你可以在你的實際頁面上設置全局JS變量：

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

然後你的JavaScript文件中設置爲來電全局變量：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);