javascript - 如何从 Rails 应用程序中的 assets/images 文件夹中获取图像

Question

我一直在寻找这个答案。但我似乎无法完成这项工作，几个小时了。请帮助我。

我是我的 Rails 应用程序的网页，我正在尝试显示保存在我的 Assets 文件夹 @app/assets/images/rails.png 中的图像。

我有一个 javascript 文件，其中包含以下构造 html 的函数。在这个函数中，我想将链接传递给图像。这是我目前的代码。

function addToInfoWindow(infoWindowContent)
{

infoWindowString = '<div class="infoWindow">'+
**'<img src="/assets/images/rails.png" />'+**
'<p>'+infoWindowContent+'</p>'+
'<p><a href="http://www.google.com">See here</a></p>'+
'<p><a href="http://www.google.com">Upload a photo</a></p>'+
'</div>';
infoWindow.setContent(infoWindowString);

}

正如您在上面的代码中看到的，粗体部分就是问题所在。我尝试了几种不同的 url 字符串组合来访问该图像文件，但该图像未显示在 html 元素中。

我看了又看，尝试了 Rails 辅助函数，例如 image_url('rails.png')。但我一定是把它们放错了地方。有人可以帮帮我吗。请告诉我在上面的代码中我需要添加什么函数来获取 /assets/images/rails.png 中的图像，以便它的 url 位于上面突出显示的部分并显示在我的看法。

Answer 1

如果你想使用 rails 助手，你需要将你的 javascript 文件“升级”到 erb。

只需将它们从 whatever.js 重命名为 whatever.js.erb。现在，rails 将在传送文件之前执行所有 erb 代码(<%= 和 %> 之间的内容)。

所以你可以这样做:

<img src="<%= asset_path( 'rails.png' ) %>" />

More information ，见2.2.3。