playframework-2.0 - Play Framework : How to reference image from javascript file

Question

我试图在静态 js 脚本中设置图像，但它不起作用。

var _pointer = document.createElement("DIV");
_pointer.style.backgroundImage = 'url(../images/repeater_1x4.jpg)';

它返回这个错误:

GET http://localhost:9000/images/repeater_1x4.jpg 404 (Not Found)

我还尝试了以下操作，因为我将静态资源从公用文件夹映射到 assets/url 路径，它不会返回任何错误，但同样不会显示图像。

var _pointer = document.createElement("DIV");
_pointer.style.backgroundImage = 'url(@routes.Assets.at("images/repeater_1x4.jpg"))';

如果您想知道这是在我的路线文件中:

GET     /assets/*file               controllers.Assets.at(path="/public", file)

正确的做法是什么？我正在使用玩! 2.0，如您所料，我的脚本位于 public/javascripts 中，我的图像位于 public/images 中。

Answer 1

使用:

_pointer.style.backgroundImage = 'url(/assets/images/repeater_1x4.jpg)';