文档章节

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

崔小涣
 崔小涣
发布于 2014/03/19 13:19
字数 400
阅读 485
收藏 6

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


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%" onerror="this.alt=0" height="60%" src="'test_url"/> ); 

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

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

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

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

                    return false;

                }


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

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



© 著作权归作者所有

崔小涣
粉丝 28
博文 32
码字总数 11006
作品 0
海淀
后端工程师
私信 提问
iOS高性能图片架构与设计

版权声明:本文由柯灵杰原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/157 来源:腾云阁 https://www.qcloud.com/community 一个优秀的图片组件应该具...

偶素浅小浅
2016/11/07
5
1
KindEditor 3.4.1 发布

这次版本主要修复了一些3.4版本的小BUG,默认参数有一些变化,替换了部分默认图标。还有,3.4.1版本开始图片上传程序(upload_json.php)返回JSON数据,所以原来的upload.php不能直接使用,需...

小编辑
2010/02/26
890
0
浏览器问题解决笔记

1.谷歌浏览器图片地址失败显示黑色边框问题 描述:谷歌浏览器在图片地址载入失败时,会提供内部的错误处理机智,加上黑色边框 解决:通过属性选择器,如果img的src为空,我们设置透明度为0 2...

透笔度
2016/12/05
36
0
影响你网站性能的 5 个瓶颈

在今天的手机设备世界里,生活的节奏继续加快,因此访问你的网站的用户的耐心也在渐渐失去。同时,我提供了非常多的特性,为了防止你的网站变得过时或者廉价,你必须跟上竞争对手。你想赢得访...

oschina
2013/10/24
1K
0
轻加减肥App产品优化建议20170903

1.(界面)方案详情-推荐干货图片加载模式有误(非正方形周边会留白) 解决:改为居中裁剪的方式展示 2.(界面)方案详情-顶部标题-小屏手机上文字与按钮重叠 解决:固定标题宽度,跑马灯形式...

壮壮521
2017/09/14
3
0

没有更多内容

加载失败,请刷新页面

加载更多

Jenkins World 贡献者峰会及专家答疑展位

本文首发于:Jenkins 中文社区 原文链接 作者:Marky Jackson 译者:shunw Jenkins World 贡献者峰会及专家答疑展位 本文为 Jenkins World 贡献者峰会活动期间的记录 Jenkins 15周岁啦!Jen...

Jenkins中文社区
23分钟前
6
0
杂谈:面向微服务的体系结构评审中需要问的三个问题

面向微服务的体系结构如今风靡全球。这是因为更快的部署节奏和更低的成本是面向微服务的体系结构的基本承诺。 然而,对于大多数试水的公司来说,开发活动更多的是将现有的单块应用程序转换为...

liululee
37分钟前
6
0
OSChina 周二乱弹 —— 我等饭呢,你是不是来错食堂了?

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @ 自行车丢了:给主编推荐首歌 《クリスマスの夜》- 岡村孝子 手机党少年们想听歌,请使劲儿戳(这里) @烽火燎原 :国庆快来,我需要长假! ...

小小编辑
今天
409
9
玩转 Springboot 2 之热部署(DevTools)

Devtools 介绍 SpringBoot 提供了热部署的功能,那啥是热部署累?SpringBoot官方是这样说的:只要类路径上的文件发生更改,就会自动重新启动应用程序。在IDE中工作时,这可能是一个有用的功能...

桌前明月
今天
5
0
CSS--列表

一、列表标识项 list-style-type none:去掉标识项 disc:默认实心圆 circle:空心圆 squire:矩形 二、列表项图片 list-style-img: 取值:url(路径) 三、列表项位置 list-style-position:...

wytao1995
今天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部