Jak mogę napisać czysty znacznik HTML, taki jak <img> w ERB?

Question

Chcę zastąpić <%= link_to image_tag ("picture.png") z mniej więcej tak: <img src="/path/picture.png" /> w file.html.erb

Ale kiedy to zrobić, i to działa bez żadnych błędów, ale nie ma obrazu pojawia się na stronie.

Answer 1

Więc tutaj jest moja odpowiedź dla Ciebie:

Standardowo szyny zostaną obsługujących wszystkie swoje aktywa od wewnątrz public teczka.

Obrazy można umieszczać w folderze assets/images i renderować je ze względu na assets pipeline.

Jednakże, jeśli chcesz korzystać z natywną

<img src="/path/picture.png" /> 

jakbyś zapytał w swoim pytaniu, to należy rozumieć, że ścieżka została określona w src (src = "/ ścieżka/Picture.png ") zostanie podjęta względem folderu public Twojej aplikacji.

Aby wykonać powyższe czynności, picture.png nie zostanie umieszczony w app/assets/images/picture.png, ale powinien zostać umieszczony w public/path/picture.png.

Zwyczajowo jednak, będziemy chcieli, aby umieścić obraz w:

public/images/picture.png 

So, należy wtedy użyć tagu img w widoku następująco:

<img src="/images/picture.png" /> 

to będzie działać dobrze na potrzeby twojego pytania.

Answer 2

Można zrobić:

<img src="<%= image_path('picture.png') %>" /> 

Ale ja nie rozumiem, dlaczego to jest lepsze niż:

<%= image_tag("picture.png") %> 

Answer 3

Jeśli używasz Rails 4.2, należy użyć rurociągu aktywów,

Powinieneś użyć image_tag lub image_path zamiast src w tagu Html.

Przykł.

image_path("rails.png") # => "/assets/rails.png" 

<img src="<%= image_path('rails.png') %>" /> 

lub

image_tag("rails.png") 
    # => <img alt="Rails" src="/assets/rails.png" /> 

przeczytaj o asset_pipeline

Answer 4

do przeniesienia obrazu picture.png umieszczonej w app/assets/images katalogu, można również bezpośrednio określić katalog assets w ścieżce obraz jako:

<img src="/assets/picture.png" />