javascript - 从客户端检查图像是否存在

Question

我正在开发一个图片库网站，将来可能会有数千张照片。所有图片均来自其他网站/API或用户上传。

用户上传的图片

<img src="../images/example.jpg" alt="" />

外部图像

<img src="http://example.com/xyz.jpg" alt="" />

比方说，图像从外部网站删除。有没有办法使用 jQuery/JavaScript 等从客户端检查照片是否存在？

我的想法是

i) 我从外部网站热链接图像

ii) 从外部网站删除图像，当网站首次加载时，jquery 将使用 ajax 等将死链接信息发送到服务器

iii) 我会修复链接。

提前致谢...

Answer 1

您可以在外部图像上使用“onerror”事件，并创建一个服务器端脚本来处理错误，并在解决问题时返回通用的“图像未找到”图像。

类似...

onerror="this.src='/fiximage.php?q='+this.src;"