|
利用image對象的onerror事件來判斷,出錯則更換image對象的src為默認圖片的URL。
[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('該圖片不存在!');">
因為圖片不存在則返回該圖片不存在!
JavaScript技術:用Javascript判斷圖片是否存在,不存在則顯示默認圖片的代碼,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。