图片空连接的处理，防止显示图片裂了

2019独角兽企业重金招聘Python工程师标准>>>

针对空连接的集中常用方法

ie下面可以采用

       function CheckStatus(url)

        {

            XMLHTTP = new ActiveXObject("Microsoft.XMLHTTP")

            XMLHTTP.open("HEAD",url,false)

            XMLHTTP.send()

            return XMLHTTP.status==200

        }

   但是这些只适合用于ie，不符合兼容性的要求

网上提供了一种ajax的方法：

    采用ajax的方式

     $.ajax({

               type: "GET",

               cache: false,

               url: "www.baidu.com",

               data: "",

               success: function(){

                 alert('ok');

               },

               error:function(){

                 alert('error');

               }

}

    但是：该方法经过本人亲自测试，不靠谱，是完全不靠谱。

    个人理解觉得ajax的回调成功，数据返回成功和200不完全和success一直，感觉success不仅要求严格的json，还有更多要求。

因此换了一种方法 onerror

http://www.w3school.com.cn/jsref/event_onerror.asp

可以参考w3school  但是仅仅适用于文档和图像的加载过程，可以判定该链接是否可用

我做的一个图片，如果不能获得到，就隐藏掉显示为空

'<img class="test" width="60%" οnerrοr="this.alt=0" height="60%" src="'test_url"/> ); 

                //做了一个图片连接判定，图片链接不可用，隐藏图片区域，显示无

                if($('.test ')[0].alt==0){

                    $('.test ')[0].style.display = 'none';

                    $(".image_span").append('无图片');

                    return false;

                }

通过图片加载该链接，给一个标志位，区别成功与失败，失败就隐藏掉，添加说明无图片。

个人觉得在处理样式的过程有更好的处理方法。望大神分享

转载于:https://my.oschina.net/NV9rBbk/blog/209589