完美兼容多浏览器的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实现
Dec 19 Javascript
基于JavaScript实现简单的随机抽奖小程序
Jan 05 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
Jul 07 Javascript
AngularJs expression详解及简单示例
Sep 01 Javascript
JavaScript SHA1加密算法实现详细代码
Oct 06 Javascript
详解JS对象封装的常用方式
Dec 30 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
Jan 23 Javascript
AngularJS Toaster使用详解
Feb 24 Javascript
详解在vue-cli项目中安装node-sass
Jun 21 Javascript
详解nuxt sass全局变量(公共scss解决方案)
Jun 27 Javascript
webpack4 optimization使用总结
Nov 10 Javascript
JS中多层次排序算法的实现代码
Jan 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
php学习之 认清变量的作用范围
2010/01/26 PHP
PHP设计模式之观察者模式(Observer)详细介绍和代码实例
2014/04/08 PHP
php检查字符串中是否有外链的方法
2015/07/29 PHP
PHP基于递归算法解决兔子生兔子问题
2018/05/11 PHP
PHP实现可精确验证身份证号码的工具类示例
2018/05/31 PHP
PHP快速导出百万级数据到CSV或者EXCEL文件
2020/11/27 PHP
我的javascript 函数链之演变
2011/04/07 Javascript
jQuery 源码分析笔记(7) Queue
2011/06/19 Javascript
jquery 插件学习(五)
2012/08/06 Javascript
jQuery实现HTML5 placeholder效果实例
2014/12/09 Javascript
jQuery 3.0十大新特性
2016/07/06 Javascript
input 禁止输入特殊字符的四种实现方式
2016/08/24 Javascript
判断js的Array和Object的实现方法
2016/08/29 Javascript
jQuery实现遍历复选框的方法示例
2017/03/06 Javascript
jQuery源码解读之extend()与工具方法、实例方法详解
2017/03/30 jQuery
nodejs爬虫遇到的乱码问题汇总
2017/04/07 NodeJs
微信小程序支付及退款流程详解
2017/11/30 Javascript
使用Vue.js和Flask来构建一个单页的App的示例
2018/03/21 Javascript
微信小程序自定义底部弹出框
2020/11/16 Javascript
浅谈vue 单文件探索
2018/09/05 Javascript
解决vue 引入子组件报错的问题
2018/09/06 Javascript
vue使用高德地图点击下钻上浮效果的实现思路
2019/10/12 Javascript
京东优选小程序的实现代码示例
2020/02/25 Javascript
[01:51]2014DOTA2国际邀请赛 这个赛场没有失败者VGTi5再见
2014/07/23 DOTA
[01:00]选手抵达华西村 整装待发备战2016国际邀请赛中国区预选赛
2016/06/25 DOTA
[01:15:56]2018DOTA2亚洲邀请赛3月30日 小组赛A组 TNC VS Newbee
2018/03/31 DOTA
[43:57]Liquid vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python实现外卖信息管理系统
2018/01/11 Python
python使用response.read()接收json数据的实例
2018/12/19 Python
对django2.0 关联表的必填on_delete参数的含义解析
2019/08/09 Python
python对验证码降噪的实现示例代码
2019/11/12 Python
英国复古和经典球衣网站:Vintage Football Shirts
2018/10/05 全球购物
Internet主要有哪些网络群组成
2015/12/24 面试题
新闻专业推荐信范文
2013/11/20 职场文书
军校本科大学生自我评价
2014/01/14 职场文书
工程招投标邀请书
2014/01/30 职场文书