编程 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 相关文章推荐

使用jQuery简化Ajax开发 Ajax开发入门

Oct 14 Javascript

validator验证控件使用代码

Nov 23 Javascript

javascript学习笔记(三) String 字符串类型介绍

Jun 19 Javascript

JavaScript原型链示例分享

Jan 26 Javascript

node.js中的fs.lchownSync方法使用说明

Dec 16 Javascript

使用javascript提交form表单方法汇总

Jun 25 Javascript

JavaScript通过使用onerror设置默认图像显示代替alt

Mar 01 Javascript

js继承实现方法详解

Dec 16 Javascript

JavaScript的六种继承方式(推荐)

Jun 26 Javascript

一起写一个即插即用的Vue Loading插件实现

Oct 31 Javascript

在vue中使用防抖函数组件操作

Jul 26 Javascript

JS函数式编程实现XDM一

Jun 16 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