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

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.