railsで画像を取得できないときにデフォルト画像を出すようにしたい

Question

railsで画像のURLが向こうだったときにのみデフォルト画像をだしたいのですがいい方法はあるでしょうか？url自体はあります。なのでblankも効かず。

Answer 1

クライアント側で画像が取得できなかった場合のデフォルト画像を指定する方法

<% default_img = "default.png" %>
<% on_error = %('this.onerror=null;this.src="#{default_img}"')
<%= img_tag "http://example.com/img.jpg", onerror: on_error %>

Comments

[you88]

ありがとうございます！すみません、もしよかったら教えてもらいたいのですが、this.errorやthis.srcってどういった動きのものになるんでしょうか？

[asm]

どうやら、参考先にミスがあったようで
this.errorはthis.onerrorのミスっぽいですね

まずonerror属性は読み込みにエラーがあった場合に実行するjavascriptです。

this.onerror=null;
でimgタグのonerrorを書き換える事でonerrorの実行を1回だけにしています。
(代替画像も取得できない場合に何度も取得を試行しない)

this.src=でimgタグのsrc属性を書き換えます。