用Javascript判断图片是否存在，不存在则显示默认图片的代码

<p>第一种情况：图片存在，正常显示 <img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/26130.gif" onerror="javascript:this.src='//www.qb5200.com/logos.gif'" /></p> <p>第二种情况：图片不存在，显示默认图片 <img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/26131.gif" onerror="javascript:this.src='//www.qb5200.com/logos.gif'" /></p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

复制代码 代码如下:

<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("//www.qb5200.com/logos.gif"))
</script>

复制代码 代码如下:

<SCRIPT language="javascript">
var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
xmlhttp.Open("GET", "//www.qb5200.com/logos.gif", false);
xmlhttp.Send();
alert(xmlhttp.responseText);
</SCRIPT>

复制代码 代码如下:

<img src="//www.qb5200.com/logos2.gif" onerror="alert('该图片不存在!');">