完美兼容多浏览器的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 是错误图片地址-->

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

Javascript 相关文章推荐
Javascript 继承机制的实现
Aug 12 Javascript
推荐40款强大的 jQuery 导航插件和教程(上篇)
Sep 14 Javascript
javascript SpiderMonkey中的函数序列化如何进行
Dec 05 Javascript
js页面跳转的问题(跳转到父页面、最外层页面、本页面)
Aug 14 Javascript
jquery根据name属性查找的小例子
Nov 21 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
Dec 22 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
Mar 19 Javascript
JS组件Bootstrap实现弹出框和提示框效果代码
Dec 08 Javascript
js实现的二分查找算法实例
Jan 21 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
Aug 17 Javascript
如何使用VuePress搭建一个类型element ui文档
Feb 14 Javascript
Vue+Vuex实现自动登录的知识点详解
Mar 04 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
You might like
人大复印资料处理程序_查询篇
2006/10/09 PHP
function.inc.php超越php
2006/12/09 PHP
Excel数据导入Mysql数据库的实现代码
2008/06/05 PHP
PHP网站安装程序制作的原理、步骤、注意事项和示例代码
2010/08/01 PHP
php实现将任意进制数转换成10进制的方法
2015/04/17 PHP
一文掌握PHP Xdebug 本地与远程调试(小结)
2019/04/23 PHP
php中错误处理操作实例分析
2019/08/23 PHP
jQuery 表格工具集
2010/04/25 Javascript
jQuery focus和blur事件的应用详解
2014/01/26 Javascript
js中取得变量绝对值的方法
2015/01/03 Javascript
JavaScript给url网址进行encode编码的方法
2015/03/18 Javascript
60行js代码实现俄罗斯方块
2015/03/31 Javascript
js小数计算小数点后显示多位小数的实现方法
2016/05/30 Javascript
AngularJS  ng-table插件设置排序
2016/09/21 Javascript
最原始的jQuery注册验证方式
2016/10/11 Javascript
使用原生的javascript来实现轮播图
2017/02/24 Javascript
VUE长按事件需求详解
2017/10/18 Javascript
JavaScript基于遍历操作实现对象深拷贝功能示例
2019/03/05 Javascript
JavaScript显式数据类型转换详解
2019/03/18 Javascript
原生js实现购物车
2020/09/23 Javascript
[04:53]DOTA2英雄基础教程 祈求者
2014/01/03 DOTA
[07:39]第一届亚洲邀请赛回顾视频
2017/02/14 DOTA
Python中__new__与__init__方法的区别详解
2015/05/04 Python
python函数装饰器用法实例详解
2015/06/04 Python
图文详解WinPE下安装Python
2016/05/17 Python
Python 使用with上下文实现计时功能
2018/03/09 Python
Python自动发送邮件的方法实例总结
2018/12/08 Python
np.random.seed() 的使用详解
2020/01/14 Python
一级方程式赛车官方网上商店:F1 Store(支持中文)
2018/01/12 全球购物
Gloeilampgoedkoop荷兰:在线购买灯泡
2019/02/16 全球购物
介绍一下linux的文件系统
2015/10/06 面试题
介绍一下Java中标识符的命名规则
2014/02/03 面试题
电力培训心得体会
2014/09/02 职场文书
一年级数学上册复习计划
2015/01/17 职场文书
《鲁滨逊漂流记》之六读后感(4篇)
2019/09/29 职场文书
python获取淘宝服务器时间的代码示例
2021/04/22 Python