Rails 3.1和图像资产

我已将所有用于我的管理主题的图像放在资产文件夹中的名为admin的文件夹中。然后，我像正常的ie链接到它。

# Ruby    
image_tag "admin/file.jpg" .....
#CSS
.logo{ background:url('/assets/images/admin/logo.png');

仅供参考。只是为了测试，我还没有使用asset_path标记，因为我还没有编译我的资产。

到目前为止一切都很好，直到我决定更新映像为止。我替换了一些颜色，但重新加载后，新样式的图像未显示。如果我直接在浏览器中查看图像，它仍显示旧图像。更进一步，我销毁了管理映像文件夹。但这并没有破坏所有仍在显示的图像。是的，我已经清除了缓存，并在多种浏览器上进行了尝试。

是否存在某种图像缓存？这只是使用pow服务页面的本地开发。

即使销毁整个图像文件夹，图像仍会被提供。

我想念什么吗？

在3.1中，您只是摆脱了路径的“图像”部分。因此，存在于其中的图像/assets/images/example.png实际上可以在此URL的get请求中访问-/assets/example.png

因为该assets/images文件夹是随新的3.1应用程序一起生成的，所以这是他们可能希望您遵循的约定。我认为这是image_tag寻找它的地方，但我尚未对此进行测试。

另外，在RailsConf主题演讲中，我还记得D2h所说的public folder不再有太多内容了，主要是错误页面和favicon。

您需要将css文件的扩展名从更改为.css.scss，.css.scss.erb然后执行以下操作：

background-image:url(<%=asset_path "admin/logo.png"%>);

您可能需要执行“硬刷新”才能看到更改。OSX浏览器上的CMD + SHIFT + R。

在生产中，请确保

rm -rf public/assets    
bundle exec rake assets:precompile RAILS_ENV=production

在部署时发生。

对于它的价值，当我这样做时，我发现css文件的路径中不应包含任何文件夹。例如，如果我有app/assets/images/example.png，并将其放在我的css文件中...

div.example { background: url('example.png'); }

...然后以某种方式神奇地起作用。我通过运行rake assets:precompile任务解决了这个问题，该任务只是从所有加载路径中吸取所有内容并将其转储到垃圾抽屉文件夹中：public/assets。讽刺的是，IMO

无论如何，这意味着您不需要放置任何文件夹路径，资产文件夹中的所有内容最终都将驻留在一个巨大的目录中。该系统如何解决文件名冲突尚不清楚，您可能需要注意这一点。

令人沮丧的是，对于这种巨大的变化，没有更好的文档了。

在rails 4中，您现在可以使用css和sass helper image-url：

div.logo {background-image: image-url("logo.png");}

如果没有显示背景图像，请考虑查看您如何在样式表中引用它们。

在CSS或IMG标签中引用图像时，请使用image-name.jpg

而图片确实位于./assets/images/image-name.jpg下

http://railscasts.com/episodes/279-understanding-the-asset-pipeline

该railscast（有关资产管道的“ Rails教程”视频）也有助于解释资产管道的路径。我发现它很有用，实际上看了几次。

我选择的解决方案是@Lee McAlilly的上述解决方案，但是此跟踪广播帮助我了解了它为什么起作用。希望能帮助到你！

Rails中的资产管道为这种确切的事情提供了一种方法。

您只需将image_path（'image filename'）添加到css或scss文件中，Rails便会处理所有事情。例如：

.logo{ background:url(image_path('admin/logo.png'));

（请注意，它的工作方式与.erb视图类似，并且在路径中不要使用“ / assets”或“ / assets / images”）

Rails还提供了其他帮助程序方法，这里还有另一个答案：使用Rails 3.1时如何在Sass中使用参考图像？