画像直リンクでのリンク切れ or 直リンク禁止 => 自前画像に差し替える

他サーバーからの画像直リンクを禁止するのは、もはや昨今のインターネット情勢に合わなくなっていると思っているのですが、いまだに直リンク禁止のところはあります。自動生成のHTMLで他サイトの画像をはりつけるとき、リンク切れや直リンク禁止に簡単に対応できる方法があったのでメモ。
参考にしたのは
http://allabout.co.jp/gm/gc/24043/

imgにonerror属性を追加するだけ。お手軽。

<img src="画像URL" onerror="this.src='差し替え用の画像'">


ありがたいことに、

画像のイベントハンドラonerrorとonloadはJavaScript1.1から実装されているので JavaScriptが動作する現在のブラウザなら完全に動作すると想定してもよい 安全なテクニックです。

とのこと(上記サイト)

蛇足

今回の記事の内容とは関係無いけれど、imgタグのsrcの中が短縮URLでも画像はきちんと表示される。