完美兼容多浏览器的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 中String.match()与RegExp.exec()的区别说明
Jan 10 Javascript
浅谈JS日期(Date)处理函数
Dec 07 Javascript
Node.js中调用mysql存储过程示例
Dec 20 Javascript
jQuery实现伸展与合拢panel的方法
Apr 30 Javascript
Bootstrap每天必学之下拉菜单
Nov 25 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
Sep 05 Javascript
Java中int与integer的区别(基本数据类型与引用数据类型)
Feb 19 Javascript
Bootstrap里的文件分别代表什么意思及其引用方法
May 01 Javascript
Validform验证时可以为空否则按照指定格式验证
Oct 20 Javascript
详解使用webpack+electron+reactJs开发windows桌面应用
Feb 01 Javascript
eslint 的三大通用规则详解
May 16 Javascript
JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码
Dec 01 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
ThinkPHP验证码使用简明教程
2014/03/05 PHP
linux下编译安装memcached服务
2014/08/03 PHP
制作安全性高的PHP网站的几个实用要点
2014/12/30 PHP
PHP magento后台无法登录问题解决方法
2016/11/24 PHP
thinkPHP5框架设置404、403等http状态页面的方法
2018/06/05 PHP
Laravel中为什么不使用blpop取队列详析
2018/08/01 PHP
javascript:void(0)的真正含义实例分析
2008/08/20 Javascript
Jquery index()方法 获取相应元素索引值
2012/10/12 Javascript
location对象的属性和方法应用(解析URL)
2013/04/12 Javascript
C#中使用迭代器处理等待任务
2015/07/13 Javascript
理解javascript函数式编程中的闭包(closure)
2016/03/08 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
2016/05/28 Javascript
@ResponseBody 和 @RequestBody 注解的区别
2017/03/08 Javascript
基于复选框demo(分享)
2017/09/27 Javascript
Vue Socket.io源码解读
2018/02/07 Javascript
详解Angular5/Angular6项目如何添加热更新(HMR)功能
2018/10/10 Javascript
Node.js开发之套接字(socket)编程入门示例
2019/11/05 Javascript
微信小程序实现发微博功能的示例代码
2020/06/24 Javascript
JavaScript this关键字的深入详解
2021/01/14 Javascript
python文件读写操作与linux shell变量命令交互执行的方法
2015/01/14 Python
Python方法的延迟加载的示例代码
2017/12/18 Python
python pip源配置,pip配置文件存放位置的方法
2019/07/12 Python
python numpy 常用随机数的产生方法的实现
2019/08/21 Python
Radley英国官网:英国莱德利小狗包
2019/03/21 全球购物
应届毕业生专业个人求职自荐信格式
2013/11/20 职场文书
保密普查工作实施方案
2014/02/25 职场文书
班长演讲稿范文
2014/04/24 职场文书
员工工作表现评语
2014/04/26 职场文书
银行会计主管岗位职责
2014/10/01 职场文书
银行业务授权委托书
2014/10/10 职场文书
2014年售票员工作总结
2014/11/19 职场文书
护士医德考评自我评价
2015/03/03 职场文书
三八节活动主持词
2015/07/04 职场文书
关于公司年会的开幕词
2016/03/04 职场文书
某某店铺的开业庆典主持词范本
2019/11/25 职场文书
linux目录管理方法介绍
2022/06/01 Servers