如何检测损坏的图像并用另一个替换？

Question

我有一个页面显示来自不同远程服务器的大量图像。 http://example.com/img/email_star0.png'height ='150'/>

现在假设这个图像不存在，我在我的html中得到一个（x）。有无论如何，我可以检测到这个图像不存在，并用本地图像替换这个（x），而不必检查该文件是否存在于使用Curl的远程服务器上（或使用JQuery来处理），从而节省时间？这可以在本地完成吗？

感谢您的帮助

Answer 1

是的，这是可能的使用onerror事件：

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

如果不存在图像，而不是显示X，这会显示默认的图像在您的本地文件夹

Answer 2

我不认为这是可能的检查，如果远程服务器上存在的图像，而无需使用卷曲或jQuery的。但jQuery snippet bellow对图像加载错误作出反应，将其替换为本地图像，也许这就是您要查找的内容。

$(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'">