完美兼容多浏览器的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 loading加载效果实现代码
Nov 24 Javascript
extjs render 用法介绍
Sep 11 Javascript
JavaScript获取浏览器信息的方法
Nov 20 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
Jun 24 Javascript
AngularJS 入门教程之HTML DOM实例详解
Jul 28 Javascript
JavaScript+HTML5实现的日期比较功能示例
Jul 12 Javascript
vue组件中使用iframe元素的示例代码
Dec 13 Javascript
vue2中使用less简易教程
Mar 27 Javascript
详解vue-cli项目中怎么使用mock数据
May 29 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
Oct 11 Javascript
JS实现秒杀倒计时特效
Jan 02 Javascript
JavaScript实现栈结构详细过程
Dec 06 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
使ecshop模板中可引用常量的实现方法
2011/06/02 PHP
php上传图片类及用法示例
2016/05/11 PHP
Yii框架视图、视图布局、视图数据块操作示例
2019/10/14 PHP
PHP函数用法详解【初始化、嵌套、内置函数等】
2020/06/02 PHP
关于Jqzoom的使用心得 jquery放大镜效果插件
2010/04/12 Javascript
jquery关于页面焦点的定位(文本框获取焦点时改变样式 )
2010/09/10 Javascript
实现变速回到顶部的JavaScript代码
2011/05/09 Javascript
JavaScript创建类/对象的几种方式概述及实例
2013/05/06 Javascript
js打开新窗口方法整理
2014/02/17 Javascript
页面按钮禁用与解除禁用的方法
2014/02/19 Javascript
45个JavaScript编程注意事项、技巧大全
2015/02/11 Javascript
Js可拖拽放大的层拖动特效实现方法
2015/02/25 Javascript
js实现点击图片改变页面背景图的方法
2015/02/28 Javascript
JS实现点击按钮后框架内载入不同网页的方法
2015/05/05 Javascript
AngularJS 简单应用实例
2016/07/28 Javascript
JavaScript随机打乱数组顺序之随机洗牌算法
2016/08/02 Javascript
关于 jQuery Easyui异步加载tree的问题解析
2016/12/06 Javascript
js实现符合国情的日期插件详解
2017/01/19 Javascript
Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
2017/12/28 Javascript
vue项目中定义全局变量、函数的几种方法
2019/11/08 Javascript
koa中间件核心(koa-compose)源码解读分析
2020/06/15 Javascript
微信小程序实现弹幕墙(祝福墙)
2020/11/18 Javascript
[10:04]国际邀请赛采访专栏:DK.Farseer,mouz.Black^,采访员Josh专访
2013/08/05 DOTA
Python中工作日类库Busines Holiday的介绍与使用
2017/07/06 Python
Python制作豆瓣图片的爬虫
2017/12/28 Python
python numpy库linspace相同间隔采样的实现
2020/02/25 Python
利用Python批量识别电子账单数据的方法
2021/02/08 Python
IE下实现类似CSS3 text-shadow文字阴影的几种方法
2011/05/11 HTML / CSS
html5各种页面切换效果和模态对话框用法总结
2014/12/15 HTML / CSS
伦敦剧院及景点门票:Encore Tickets
2018/07/01 全球购物
英国自行车商店:AW Cycles
2021/02/24 全球购物
建筑班组长岗位职责
2014/01/02 职场文书
咖啡店自主创业商业计划书
2014/01/22 职场文书
三八妇女节标语
2014/10/09 职场文书
ORACLE数据库对long类型字段进行模糊匹配的解决思路
2021/04/07 Oracle
Django程序的优化技巧
2021/04/29 Python