完美兼容多浏览器的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 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
Nov 26 Javascript
向大师们学习Javascript(视频与PPT)
Dec 27 Javascript
超酷的网页音乐播放器DewPlayer使用方法
Dec 18 Javascript
jQuery 常见操作实现方式和常用函数方法总结
May 06 Javascript
JQuery实现图片轮播效果
Sep 15 Javascript
JavaScript 性能优化小结
Oct 12 Javascript
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
Oct 05 Javascript
JS实现手写parseInt的方法示例
Sep 24 Javascript
JavaScript之解构赋值的理解
Jan 30 Javascript
微信小程序canvas分享海报功能
Oct 31 Javascript
vue quill editor 使用富文本添加上传音频功能
Jan 14 Javascript
js实现轮播图效果 z-index实现轮播图
Jan 17 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获取本周第一天和最后一天示例代码
2014/02/24 PHP
PHP生成数组再传给js的方法
2014/08/07 PHP
PHP常用函数之获取汉字首字母功能示例
2019/10/21 PHP
javascript编程起步(第四课)
2007/01/10 Javascript
js可突破windows弹退效果代码
2008/08/09 Javascript
js 变量类型转换常用函数与代码[比较全]
2009/12/01 Javascript
JQuery文本改变触发事件如聚焦事件、失焦事件
2014/01/15 Javascript
JavaScript中自定义事件用法分析
2014/12/23 Javascript
JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题
2015/12/07 Javascript
基于javascript编写简单日历
2016/05/02 Javascript
谈谈因Vue.js引发关于getter和setter的思考
2016/12/02 Javascript
详解Angular.js中$http拦截器的介绍及使用
2017/07/04 Javascript
微信小程序视图template模板引用的实例详解
2017/09/20 Javascript
利用Vue构造器创建Form组件的通用解决方法
2018/12/03 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
2019/08/05 Javascript
Vue+Openlayers自定义轨迹动画
2020/09/24 Javascript
Python中字典的浅拷贝与深拷贝用法实例分析
2018/01/02 Python
使用python itchat包爬取微信好友头像形成矩形头像集的方法
2019/02/21 Python
Django组件content-type使用方法详解
2019/07/19 Python
关于pytorch处理类别不平衡的问题
2019/12/31 Python
解决tensorflow训练时内存持续增加并占满的问题
2020/01/19 Python
Python3如何使用tabulate打印数据
2020/09/25 Python
python中的时区问题
2021/01/14 Python
HTML5教程之html 5 本地数据库(Web Sql Database)
2014/04/03 HTML / CSS
微信html5页面调用第三方位置导航的示例
2018/03/14 HTML / CSS
New Balance俄罗斯官方网上商店:购买运动鞋
2020/03/02 全球购物
斯洛伐克电子产品购物网站:DATART
2020/04/05 全球购物
荷兰最大的鞋子、服装和运动折扣店:Bristol
2021/01/07 全球购物
销售总监岗位职责
2014/01/04 职场文书
给交警的表扬信
2014/01/12 职场文书
爱我中华教学反思
2014/04/28 职场文书
节能环保标语
2014/06/12 职场文书
大专护理专业自荐信
2015/03/25 职场文书
企业员工辞职信范文
2015/05/12 职场文书
Python 如何将integer转化为罗马数(3999以内)
2021/06/05 Python
六个好看实用的 HTML + CSS 后台登录入口页面
2022/04/28 HTML / CSS