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);