javascript - 从 javascript 引用时将图像放在资产中的位置

Question

我在 Symfony 2 中使用资产。我使用资产加载了 JavaScript 和 CSS。

我需要在我的一个 JS 文件中引用一些图像。我是资产新手，根本找不到任何文档。图像当前驻留在我的包中（/src/Vendor/BundleName/Resources/img/chair.jpg例如）。

我在这里看到了一个主要缺陷：assetic 如何知道图像路径是什么？就它而言，它只是 JS 文件中的一个字符串。那么，我需要在其他地方定义该图像路径还是在 JavaScript 中以不同的方式引用它？

还是我根本不使用资产，只是将我的图像放入公共目录（web默认情况下）？我猜不是。

Answer 1

然后，您应该使用JmikolaJsAssetsHelperBundle。

它允许您将AssetsHelper服务从 Symfony2 的模板组件公开到 JavaScript。

它支持相对和绝对资产 URI。

例子，

配置完成后，捆绑包会AssetsHelper在您的 javascript 中创建一个全局变量。然后它允许您调用getUrl()帮助程序来构建您的资产路径，如下所示，

'<img src="' + AssetsHelper.getUrl('/images/yourImage.png') + '">';