用Javascript判斷圖片是否存在，不存在則顯示預設圖片的代碼

利用image對象的onerror事件來判斷，出錯則更換image對象的src為預設圖片的URL。

<p>第一種情況：圖片存在，正常顯示</p><p></p><p>第二種情況：圖片不存在，顯示預設圖片</p><p></p><p>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

下面是通過js的判斷
用javascript判斷指定圖片檔案是否存在:
如判斷<img src="http://www.jb51.net/logos.gif">這個圖片地址是否存在.
如果不存在,隔幾秒重新探測此圖片,如果地址有效則,提示地址有效 複製代碼 代碼如下:<script type="text/javascript">
function IsExist(url)
{
x = new ActiveXObject("Microsoft.XMLHTTP")
x.open("HEAD",url,false)
x.send()
return x.status==200
}
alert(IsExist("http://www.jb51.net/logos.gif"))
</script>

圖片存在則上面的返回true 複製代碼 代碼如下:<SCRIPT language="javascript">
var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
xmlhttp.Open("GET", "http://www.jb51.net/logos.gif", false);
xmlhttp.Send();
alert(xmlhttp.responseText);
</SCRIPT>

圖片存在則返回GIF89aX 複製代碼 代碼如下:<img src="http://www.jb51.net/logos2.gif" onerror="alert('該圖片不存在!');">

因為圖片不存在則返回該圖片不存在!