壊れた画像を検出して別の画像に置き換える方法は？

Question

私は、さまざまなリモートサーバーからの多数のイメージを表示するページを持っています。 http://example.com/img/email_star0.png 'height =' 150 '/>

この画像がないと仮定して、私は自分のhtmlで（x）を取得します。とにかく、このイメージが存在しないことを検出でき、Curlを使用してリモートサーバ上にファイルが存在するかどうかをチェックすることなく、この（x）をローカルイメージに置き換えて、時間を節約できますか？これはローカルで行うことができますか？あなたの助け

Answer 1

はいこのイベントをONERROR使用可能です：

<img src="your_image_source" onerror="this.src='/path/to/local/file'"> 

画像が存在しない場合は、代わりにXを表示するので、これはあなたのローカルフォルダにデフォルトの画像が表示されます

Answer 2

ため

おかげで私はイメージがカールやjQueryのを使用せずに、リモートサーバー上に存在するかどうかを確認することが可能であるとは思いません。しかし、jQueryのスニペットは、ローカルのものと置き換えることで画像の読み込みエラーに反応します。おそらくそれはあなたが探しているものです。

$(document).ready(function(){ 
    $('img').error(function(){ 
    $(this).attr('src', 'http://mysite/myimage.jpg'); 
    }); 
}); 

Answer 3

ます「ONERROR」を使用することができ、画像タグに直接属性：

<img src="my_images.jpg" onerror="this.src='my_replacement.jpg'">