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 文件或由您页面的控制器生成的文件：

  .someClass {

  width: 50px;
  height: 50px;

 }


 #someId {

  width: 50px;
  height: 50px;

 }

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

阅读此answer了解更多信息。