如何从 CoffeeScript 访问图像

【问题标题】：How to access images from CoffeeScript如何从 CoffeeScript 访问图像
【发布时间】：2014-11-11 13:09:41
【问题描述】：

我正在尝试访问图像：app/assets/images/rails/png，在我的 CoffeeScript 文件中，但使用的是

<img src='assets/images/rails.png' width='30' height='30'>

产生控制台错误：

如何从 CoffeeScript 访问存储在图像文件中的图像？

【问题讨论】：

@muistooshort 随着对 /assets/images/rails.png 的更改，错误是 http://localhost:3000/assets/images/rails.png 找不到，我怎样才能让它工作
你看过asset_path做了什么吗？

【解决方案1】：

将 CoffeeScript 文件的扩展名从 .js.coffee 更改为 .js.coffee.erb。之后，您可以执行此操作（无论您想在哪里使用 assets/images 目录中的图像：

'<%= asset_path 'rails.png' %>'

注意单引号：'，这很重要，因为 URL 将是：/assets/rails.png，并且您希望它显示为字符串。这可以节省您弄清楚为什么会收到一些奇怪的 JavaScript 未定义常量错误的时间。

【讨论】：