完美兼容多浏览器的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 相关文章推荐
利用WebBrowser彻底解决Web打印问题(包括后台打印)
Jun 22 Javascript
JavaScript prototype属性深入介绍
Nov 27 Javascript
JavaScript两种跨域技术全面介绍
Apr 16 Javascript
在JavaScript中判断整型的N种方法示例介绍
Jun 18 Javascript
node.js中的fs.read方法使用说明
Dec 17 Javascript
javascript中this的四种用法
May 11 Javascript
使用AngularJS创建单页应用的编程指引
Jun 19 Javascript
jQuery实现的背景动态变化导航菜单效果
Aug 24 Javascript
jQuery插件扩展extend的简单实现原理
Jun 24 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
Jan 21 Javascript
移动端(微信等使用vConsole调试console的方法
Mar 05 Javascript
vue cli安装使用less的教程详解
Jul 12 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中的cookie
2006/11/26 PHP
深入php常用函数的使用汇总
2013/06/08 PHP
深入PHP中的HashTable结构详解
2013/06/13 PHP
PHP实现的连贯操作、链式操作实例
2014/07/08 PHP
EarthLiveSharp中cloudinary的CDN图片缓存自动清理python脚本
2017/04/04 PHP
两个listbox实现选项的添加删除和搜索
2013/03/01 Javascript
js弹出确认是否删除对话框
2014/03/27 Javascript
jquery查找tr td 示例模拟
2014/05/08 Javascript
轻松实现jquery手风琴效果
2016/01/14 Javascript
jquery插件Jplayer使用方法简析
2016/04/22 Javascript
深入理解jQuery中的事件冒泡
2016/05/24 Javascript
使用JS中的exec()方法构造正则表达式验证
2016/08/01 Javascript
angularJS 指令封装回到顶部示例详解
2017/01/22 Javascript
JavaScript中splice与slice的区别
2017/05/09 Javascript
详解vue-admin和后端(flask)分离结合的例子
2018/02/12 Javascript
Vue实现active点击切换方法
2018/03/16 Javascript
在JS循环中使用async/await的方法
2018/10/12 Javascript
微信小程序实现一张或多张图片上传(云开发)
2019/09/25 Javascript
VUEX 数据持久化,刷新后重新获取的例子
2019/11/12 Javascript
wxPython 入门教程
2008/10/07 Python
深度剖析使用python抓取网页正文的源码
2014/06/11 Python
python中模块的__all__属性详解
2017/10/26 Python
浅析Python3爬虫登录模拟
2018/02/07 Python
详解Python可视化神器Yellowbrick使用
2019/11/11 Python
解析PyCharm Python运行权限问题
2020/01/08 Python
Python计算机视觉里的IOU计算实例
2020/01/17 Python
Django自定义全局403、404、500错误页面的示例代码
2020/03/08 Python
一款利用html5和css3动画排列人物头像的实例演示
2014/12/05 HTML / CSS
详解h5页面在不同ios设备上的问题总结
2019/03/01 HTML / CSS
酒店服务实习自我鉴定
2013/09/22 职场文书
销售经理工作职责范文
2013/12/03 职场文书
《小儿垂钓》教学反思
2014/02/23 职场文书
关于抽烟的检讨书
2014/02/25 职场文书
Python绘制分类图的方法
2021/04/20 Python
Oracle 多表查询基本语法实例
2022/04/18 Oracle
MySQL详细讲解变量variables的用法
2022/06/21 MySQL