2012-01-18 35 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

相關問題