php - 如何在 php 或 javascript 中检查图像是否加载成功？

Question

我有一些图像显示在页面上，其中一些没有加载，我看到那个未加载:)小图标。

我想知道是否有办法检查图像是否加载成功，如果不成功则立即显示

这是我的图像代码:

print "<a href=\"".$domain."/picture.php?s=".$s2."&media_path=".$media_path."\">";
    print "<img src=\"".$domain."/".$folder."/".$media_path."\" >";
print "</a>";

发生的情况是，picture.php 在数据库中查找图片名称和路径并构建链接。

我查看了数据库，数据就在那里，因此驱动器上的图像肯定已损坏，可能是错误的图像

所以我需要某种方法来检查脚本末尾是否成功加载图像。在 php 中更好，但 javascript/jquery 也可以

编辑:根据我得到的答案，我这样做了:

function hideImage()
{
    $('.hideme_image').hide();
}


print "<a class=\"hideme_image\" href=\"".$domain."/picture.php?s=".$s2."&media_path=".$media_path."\">";
    print "<img onerror=\"hideImage()\" src=\"".$domain."/".$folder."/".$media_path."\" >";
print "</a>";

这会隐藏所有图像，但并非所有图像都会损坏。

有什么想法吗？

谢谢

Answer 1

<img src="image.png" onload="alert('Image loaded');" onerror="alert('Image failed');" />

我认为，沿着这些思路的东西就是您正在寻找的东西。