利用image對象的onerror事件來判斷，出錯則更換image對象的src為默認圖片的URL。 
<p>第一種情況：圖片存在，正常顯示 <img src="/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/4373170c5572c1a5f3c234958d47d984.gif" onerror="<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>script:this.src='http://www.jb51.<a href=/itjie/NETjishu/ target=_blank class=infotextkey>NET</a>/logos.gif'" /></p> <p>第二種情況：圖片不存在，顯示默認圖片 <img src="http://www.jb51.<a href=/itjie/NETjishu/ target=_blank class=infotextkey>NET</a>/logoddd.gif" onerror="<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>script:this.src='http://www.jb51.<a href=/itjie/NETjishu/ target=_blank class=infotextkey>NET</a>/logos.gif'" /></p>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]

下面是通過js的判斷
用Javascript判斷指定圖片文件是否存在:
如判斷<img src="http://www.jb51.NET/logos.gif">這個圖片地址是否存在.
如果不存在,隔幾秒重新探測此圖片,如果地址有效則,提示地址有效
復(fù)制代碼 代碼如下:
<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
復(fù)制代碼 代碼如下:
<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
復(fù)制代碼 代碼如下:
<img src="http://www.jb51.NET/logos2.gif" onerror="alert('該圖片不存在!');">

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

JavaScript技術(shù)：用Javascript判斷圖片是否存在，不存在則顯示默認圖片的代碼，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。