ruby-on-rails - Rails：如何在 Javascript 中访问图像？

Question

我对 Rails 很陌生，有一个小问题：

如何在 Javascript 中访问图像？SCSS，ERB，...有类似“image_path”的方法，但我没有找到类似的 Javascript 方法。

我需要它来指定萤火虫插件的图像 URL：

$.firefly({images : ['???/1.jpg', '???/2.jpg'],total : 40});    

Answer 1

如果您的图像/app/assets/images/可以简单地使用

/assets/1.jpg

同样在css中，您可以使用

url(/assets/1.jpg)

在 javascript 中使用时，您可以遵循相同的操作。

$.firefly({images : ['/assets/1.jpg', '/assets/2.jpg'],total : 40}); 

注意：当您的 rails 应用程序位于子目录中时，上述方法会导致问题。在这种情况下使用相对路径。资产预编译将编译 public/assets 目录中的所有资产。所以你的结构可能是这样的：

公共 -assets --images ---1.png --javascripts --stylesheets ---style.css

因此style.css，您可以使用相对路径，例如../images/1.png

Answer 2

当我需要这样做时，我在页面上的div#class下插入了所需的任何图像，并将该类设置为隐藏在我的 css 中。然后，在 javascript 中，我可以从该 div 访问图像。

可能不是理想的解决方案，但由于资产管道而无法想到其他任何事情。

另外，尝试从 ./assets/image_name.jpg 访问图像