js判断本地、网络图片是否存在

一、对于window.ActiveXObject和window.XMLHttpRequest了解

javascript的window.ActiveXObject对象，区别浏览器的方法

(window.ActiveXObject)的作用，用来判断浏览器是否支持ActiveX控件，如果支持ActiveX控件，我们可以利用var xml=new ActiveXObject("Microsoft.XMLHTTP")的形式来创建XMLHTTPRequest对象（这是在IE7以前的版本中）。在较新的IE版本中可以利用var xml=new ActiveXObject("Msxml2.XMLHTTP")的形式创建XMLHttpRequest对象；而在IE7及非IE浏览器中可以利用var xml=new XMLHttpRequest()创建XMLHttpRequest对象。因此我们在创建这个对象的时候必须得考虑浏览器的兼容问题。

然后是XMLHTTPRequest的区别

我们这里来看看这里是怎么使用它。在使用XMLHTTPRequest对象发送请求和处理响应之前，我们必须要用JavaScript创建一个XMLHTTPRequest对象。（IE把XMLHTTPRequest实现为一个ActiveX对象，其他的浏览器[如Firefox/Safari/Opear]则把它实现为一个本地的javascript对象）。下面我们就来看看具体怎么运用javascript来创建它吧：

上面转载自：https://blog.csdn.net/u011020012/article/details/51209443

二、判断本地图片或者网络图片是否存在

这里判断项目中的本地图片是否存在url = "/static/images/img/XX.jpg "

function validateImage(url){    
    var xmlHttp ;
    if (window.ActiveXObject){
         xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
     }else if (window.XMLHttpRequest){
         xmlHttp = new XMLHttpRequest();
     } 
    xmlHttp.open("Get",url,false);
    xmlHttp.send();
    return (xmlHttp.status==404)?false:true;
}

方法很简单，就是用请求返回是否是404来判断图片是否存在，如果不存在就会报404，方法返回false.

ps:记录一下获取本地图片作为背景的方法

 background:url(/static/images/arrow_test.jpg) no-repeat left 20%;