無法加載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標記。

閱讀此答案以獲取更多信息。