2014-04-04 22 views
1

我想在我的web應用程序中包含圖像,但它沒有正確顯示在我的瀏覽器(localhost:3000)上。我是否錯誤地設置了它?導軌上的圖像沒有顯示在我的瀏覽器上

這是我的看法代碼:

<div class="row"> 
       <div class="col-sm-4"> 
        <img src="‪assets/img/Lab Potion.png" alt="#" class="img-responsive"> 
        <h2>random text</h2> 
        <p>random text</p> 
       </div> 
    </div> 

我下載的圖像,並在保存它:

-Desktop 
-rails_projects 
    -project_name 
    -app 
    -assets 
    -images 

當我在圖像支票夾有一個名爲Lab Potion.png文件和一堆隨機數字(指紋?)

爲什麼圖像不顯示?

+0

你只需要有這個'#'。儘量避免文件名中的空格。 –

+0

這不起作用... – user3408293

+0

將文件名更改爲Lab_Potion.png也不起作用 – user3408293

回答

1

<%= image_tag('Lab_Potion.png', :style => "z-index:19; position: relative; float: right;") %>將工作。如果不是爲了我的理智,也要擺脫文件名中的空格。

隨機數字就像一個安全功能,在每個預編譯過程中數字最終都在變化。它比這更復雜,但這是要點。

最後,我懷疑你也有一個img文件夾。

相關問題