完美兼容多浏览器的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 相关文章推荐
一个小型js框架myJSFrame附API使用帮助
Jun 28 Javascript
父子窗体间传递JSON格式的数据的代码
Dec 25 Javascript
获取服务器传来的数据 用JS去空格的正则表达式
Mar 26 Javascript
关于extjs4如何获取grid修改后的数据的问题
Aug 07 Javascript
javascript实现连续赋值
Aug 10 Javascript
深入学习jQuery Validate表单验证(二)
Jan 18 Javascript
解决URL地址中的中文乱码问题的办法
Feb 10 Javascript
vue实现表格数据的增删改查
Jul 10 Javascript
浅析webpack 如何优雅的使用tree-shaking(摇树优化)
Aug 16 Javascript
简单实现js上传文件功能
Aug 21 Javascript
移动端自适应flexible.js的使用方法(不用三大框架,仅写一个单html页面使用)推荐
Apr 02 Javascript
解决vue自定义指令导致的内存泄漏问题
Aug 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
PHP给文字内容中的关键字进行套红处理
2016/04/12 PHP
Javascript 调试利器 Firebug使用详解六
2009/07/05 Javascript
JavaScript传递变量: 值传递?引用传递?
2011/02/22 Javascript
js 走马灯简单实例
2013/11/21 Javascript
jQuery验证元素是否为空的两种常用方法
2015/03/17 Javascript
模仿password输入框的实现代码
2016/06/07 Javascript
关于验证码在IE中不刷新的快速解决方法
2016/09/23 Javascript
Node.js学习入门
2017/01/03 Javascript
谈谈Vue.js——vue-resource全攻略
2017/01/16 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
2017/03/02 Javascript
js将当前时间格式化为 年-月-日 时:分:秒的实现代码
2018/01/20 Javascript
5分钟快速掌握JS中var、let和const的异同
2018/09/19 Javascript
Vue+Node实现的商城用户管理功能示例
2019/12/23 Javascript
es6函数name属性功能与用法实例分析
2020/04/18 Javascript
[50:59]2018DOTA2亚洲邀请赛 4.7 总决赛 LGD vs Mineski第四场
2018/04/10 DOTA
Python简明入门教程
2015/08/04 Python
python 爬取微信文章
2016/01/30 Python
python基础教程之匿名函数lambda
2017/01/17 Python
Python探索之pLSA实现代码
2017/10/25 Python
Python中字典的浅拷贝与深拷贝用法实例分析
2018/01/02 Python
Python实现PS滤镜特效之扇形变换效果示例
2018/01/26 Python
Python 的AES加密与解密实现
2019/07/09 Python
django 邮件发送模块smtp使用详解
2019/07/22 Python
python3.6中@property装饰器的使用方法示例
2019/08/17 Python
python 生成器和迭代器的原理解析
2019/10/12 Python
Python 解析xml文件的示例
2020/09/29 Python
Django创建一个后台的基本步骤记录
2020/10/02 Python
完美解决IE8下不兼容rgba()的问题
2017/03/31 HTML / CSS
goodhealth官方海外旗舰店:新西兰国民营养师
2017/12/15 全球购物
华为的Java面试题
2014/03/07 面试题
应用艺术毕业生的自我评价
2013/12/04 职场文书
电子商务网站的创业计划书
2014/01/05 职场文书
《富饶的西沙群岛》教学反思
2014/04/09 职场文书
社团活动总结报告
2014/06/27 职场文书
公民授权委托书
2014/10/15 职场文书
springboot读取nacos配置文件
2022/05/20 Java/Android