2012-01-18 32 views
0

我有一些图像显示在一个页面上,其中一些不会加载,我看到非加载:)小图标。如何检查图像是否在php或javascript中成功加载?

我想知道如果有一种方法来检查,如果图像加载成功,如果现在不显示它

这是我的形象代码:

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>"; 

这个隐藏所有图像,但并不是所有的图像corupted。

有什么想法?

感谢

回答

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

这些方针的东西,是你在找什么,我想。

+0

另外我编辑我的问题,抱歉编辑 – Patrioticcow 2012-01-18 23:36:07

+0

它应该是'load'而不是'onload'! – Belter 2017-08-17 11:26:59

2

您可以在image标记上使用onload事件。请看W3Schools的this example

相关问题