编程 Javascript

完美兼容多浏览器的js判断图片路径代码汇总

Posted in Javascript onApril 17, 2015

第一种方式

//检查图片是否存在
function CheckImgExists(imgurl) {
var ImgObj = new Image(); //判断图片是否存在
ImgObj.src = imgurl;
//没有图片，则返回-1
if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) {
alert(imgurl + '存在');
} else {
alert(imgurl + '不存在');
}
}
CheckImgExists('/editor/simple/FileIconDir/rar.gif');
CheckImgExists('/editor/simple/FileIconDir/rarsdfs.gif');

另外一种实现方式

<img src="原图片" alt="图片" onerror="this.src='替换图片'">

第三种方式

<script language="javascript" type="text/javascript">
//载入失败调用此函数
function defaultImg(T)
{
T.src = "images/closelabel.gif";//默认图片地址
}

//载入成功后会调用此函数
function LoadOK()
{
alert("LoadOK");
}
</script>
</head>

<body>
<img src="123.jpg" onerror="defaultImg(this);" onload="LoadOK()"/>
  <!--123.jpg 是错误图片地址-->

以上所述就是本文的全部内容了，希望大家能够喜欢。

完美兼容多浏览器的js判断图片路径代码汇总

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

用JavaScript实现使用鼠标画线的示例代码

Aug 19 Javascript

Javascript基础教程之数据类型（字符串 String）

Jan 18 Javascript

在父页面得到zTree已选中的节点的方法

Feb 12 Javascript

浅谈JS的基础类型与引用类型

Sep 13 Javascript

基于bootstrap风格的弹框插件

Dec 28 Javascript

JS实现运动缓冲效果的封装函数示例

Feb 18 Javascript

JavaScript callback回调函数用法实例分析

May 08 Javascript

vue-router 源码之实现一个简单的 vue-router

Jul 02 Javascript

解决vue router组件状态刷新消失的问题

Aug 01 Javascript

微信小程序子级页面返回父级并把子级参数带回父级实现方法

Aug 22 Javascript

利用PHP实现递归删除链表元素的方法示例

Oct 23 Javascript

ES5和ES6中类的区别总结

Dec 21 Javascript

JavaScript控制网页平滑滚动到指定元素位置的方法

Apr 17 #Javascript

原生js实现移动开发轮播图、相册滑动特效

Apr 17 #Javascript

JavaScript实现简单图片翻转的方法

Apr 17 #Javascript

JavaScript实现将xml转换成html table表格的方法

Apr 17 #Javascript

JavaScript实现的简单幂函数实例

Apr 17 #Javascript

js面向对象之公有、私有、静态属性和方法详解

Apr 17 #Javascript

jQuery中toggle()函数的使用实例

Apr 17 #Javascript