无法加载Ruby on Rails 4资产图像

Question

目前，我正在使用Rails 4上的ruby。

在html部分中，我正在尝试加载图像：

<img width="121" height="31" src="/assets/images/flatty/logo_lg.svg" />  

图像文件：logo_lg.svg位于以下位置：app / assets / images / flatty /

我试过了：

<%= image_tag "/assets/images/flatty/logo_lg.png" %>

在production.rb文件中： config.serve_static_assets = true 。

此外，尝试： rails assets:precompile

但是系统仍然找不到图像文件。

Answer 1

您有一个.svg但您正在尝试加载.png 。 将代码更改为此：

<%= image_tag "flatty/logo_lg.svg" %>

加载图像时，请勿使用完整目录。 资产管道可以为您完成此任务。 只需将它们放在正确的位置（即images目录）并写下：

<%= image_tag "someimg.png" %>

此外，如果您要为图像设置样式，则可以为其指定一个类或一个id（id更适合徽标）：

<%= image_tag "flatty/logo_lg.svg" , :id => 'someId' , :class => 'someClass' %>

然后只需将CSS放入您的应用程序css文件或由页面控制器生成的CSS文件中即可：

  .someClass {

  width: 50px;
  height: 50px;

 }


 #someId {

  width: 50px;
  height: 50px;

 }

如果您想放置SVG，它们的反应会有所不同。 您必须删除SVG代码中提供的属性（可以使用大多数文本编辑器打开.svg文件）。 这是XML标记。

阅读此答案以获取更多信息。