2009-11-29 16 views
55

stores.html.erb dosya düzeninde <img src="../../../public/images/rss.jpg" alt="rss feed" /> koduna sahip olduğum ray üzerinde projemde bir görüntü eklemek istiyorum, ancak bu şekilde yüklenmemiş gibi görünüyor onun ne olması gerektiği konusunda emin olmadığım bir rotayı eksik gibi görüyor.Resimde görüntünün mizanpajda rayba görünümüne ekle

Herhangi bir fikir lütfen?

cevap

120

public klasörde şey kök yoluna (/) böylece okumak için img etiketi değiştirmek erişilebilir: Bir raylar etiketi kullanmak istiyorsa

<img src="/images/rss.jpg" alt="rss feed" /> 

, bunu kullanın:

<%= image_tag("rss.jpg", :alt => "rss feed") %> 
+0

: Çok teşekkürler, image_tag aptalca rastlamadım! , ilk olarak kabul edilen yanıt olarak ayarlayın;) – Erika

+0

img etiketi benim için bir hata attı, etiket iyi çalıştı! :) – Srichakradhar

12

Ruby on Rails projesinde, varsayılan olarak sunucu için HTML kaynağının kökü genel dizindir.

<img src="images/rss.jpg" alt="rss feed" /> 

Ama yardımcı yerleşik kullanmak için bir Raylar projesinde en iyi yöntem: Yani hattı olacak doğru görüntü bağlantı oluşturmak artı olacaktır

<%= image_tag("rss.jpg", :alt => "rss feed") %> 

Hiç assert sunucularını eklerseniz vb. ile çalışacaktır. Yeni yakut kullanırken

+3

Bahaha. Cevaplarımız aynı görünüyor. Büyük akıllar hem düşünür (Ve ben ilk gönderdim :) –

+0

En iyi birkaç dakika. Sadece daha hızlı yazmam gerekiyordu. – scottd

+1

Haha. Evet! Kopyalamadığını biliyordum, işte bu yüzden çok komikti;) –

4

, görüntü klasör, resim klasöründe görüntüleri yerleştirdikten sonra klasör app

üzerinde varlık klasörüne gidin sadece img etiketi yardımcısı kullanmak

<%=image_tag("example_image.png", alt: "Example Image")%> 
1

basit kullanacaktır. Raylar Bu

<%= image_tag "image.jpg" %> 
1

benim için çalışıyor gibi kullanabilirsiniz, varlık boru hattı görüntüleri klasörüne bakın bilir:

<%= image_tag(root_url + "images/rss.jpg", size: "50x50", :alt => "rss feed") -%>

0

IMAGE_TAG iş arkadaşı yapmanın en iyi yolu olduğunu

+0

Belki de daha fazla bilgi bu cevabı hem OP hem de bu çözüme ihtiyaç duyan diğer insanlar için artıracaktır. – Grantly