完美兼容多浏览器的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 相关文章推荐
超级兔子让浮动层消失的前因后果
Mar 09 Javascript
javascript学习网址备忘
May 29 Javascript
通过继承IHttpHandle实现JS插件的组织与管理
Jul 13 Javascript
javascript基本包装类型介绍
Apr 10 Javascript
jQuery事件绑定on()、bind()与delegate() 方法详解
Jun 03 Javascript
Angularjs 滚动加载更多数据
Mar 17 Javascript
js 自带的 map() 方法全面了解
Aug 16 Javascript
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
Oct 24 Javascript
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
Nov 29 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
May 22 Javascript
Vue.js自定义事件的表单输入组件方法
Mar 08 Javascript
jQuery阻止事件冒泡实例分析
Jul 03 jQuery
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代码
2007/03/03 PHP
PHP简单实现记录网站访问量功能示例
2018/06/06 PHP
PHP判断是否是微信打开还是浏览器打开的方法
2019/02/27 PHP
数理公式,也可以这么唯美
2021/03/10 无线电
js几个不错的函数 $$()
2006/10/09 Javascript
javascript实现动态CSS换肤技术的脚本
2007/06/29 Javascript
尝试在让script的type属性等于text/html
2013/01/15 Javascript
js function定义函数的几种不错方法
2014/02/27 Javascript
js处理php输出时间戳对不上号的解决方法
2014/06/20 Javascript
JavaScript 计算笛卡尔积实例详解
2016/12/02 Javascript
微信小程序 action-sheet 反馈上拉菜单简单实例
2017/05/11 Javascript
vue+node+webpack环境搭建教程
2017/11/05 Javascript
vue+elementUI实现表格关键字筛选高亮
2020/10/26 Javascript
js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期
2020/02/01 Javascript
[01:48]帕吉至宝加入游戏,遗迹战场现“千劫神屠”
2018/04/07 DOTA
跟老齐学Python之重回函数
2014/10/10 Python
举例讲解Python设计模式编程中对抽象工厂模式的运用
2016/03/02 Python
python3 pandas 读取MySQL数据和插入的实例
2018/04/20 Python
Appium Python自动化测试之环境搭建的步骤
2019/01/23 Python
Python importlib动态导入模块实现代码
2020/04/16 Python
基于python计算并显示日间、星期客流高峰
2020/05/07 Python
Django Model中字段(field)的各种选项说明
2020/05/19 Python
python小白切忌乱用表达式
2020/05/29 Python
详解HTML5通讯录获取指定多个人的信息
2016/12/20 HTML / CSS
html5中监听canvas内部元素点击事件的三种方法
2019/04/28 HTML / CSS
html5如何及时更新缓存文件(js、css或图片)
2013/06/24 HTML / CSS
Tostadora意大利:定制T恤
2019/04/08 全球购物
Book Depository亚太地区:一家领先的国际图书零售商
2019/05/05 全球购物
数据库专业英语
2012/11/30 面试题
如何查找和删除数据库中的重复数据
2014/11/05 面试题
优秀员工个人的自我评价
2013/11/29 职场文书
运动会通讯稿400字
2014/01/28 职场文书
公司投资建议书
2014/05/16 职场文书
无房证明范本
2014/09/17 职场文书
寒山寺导游词
2015/02/03 职场文书
Redis过期数据是否会被立马删除
2022/07/23 Redis