完美兼容多浏览器的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 相关文章推荐
JavaScript 组件之旅(四):测试 JavaScript 组件
Oct 28 Javascript
javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
Jul 25 Javascript
原生javascript和jquery判断浏览器版本等信息
Jul 04 Javascript
Extjs3.0 checkboxGroup 动态添加item实现思路
Aug 14 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
Oct 18 Javascript
js中arguments的用法(实例讲解)
Nov 30 Javascript
jQuery实现的指纹扫描效果实例(附演示与demo源码下载)
Jan 26 Javascript
AngularJs  unit-testing(单元测试)详解
Sep 02 Javascript
jQuery 常见小例汇总
Dec 14 Javascript
Angular 4依赖注入学习教程之ClassProvider的使用(三)
Jun 04 Javascript
Vue2.0 slot分发内容与props验证的方法
Dec 12 Javascript
如何通过javaScript去除字符串两端的空白字符
Feb 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+jQuery.uploadify实现文件上传教程
2014/12/26 PHP
php mysql 封装类实例代码
2016/09/18 PHP
PHP页面跳转操作实例分析(header方法)
2016/09/28 PHP
PHP长连接实现与使用方法详解
2018/02/11 PHP
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
2010/06/18 Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
2011/09/28 Javascript
Javascript 学习笔记之 对象篇(二) : 原型对象
2014/06/24 Javascript
jQuery获取选中内容及设置元素属性的方法
2014/07/09 Javascript
原生js的RSA和AES加密解密算法
2016/10/08 Javascript
jQuery源码分析之init的详细介绍
2017/02/13 Javascript
Javascript前端经典的面试题及答案
2017/03/14 Javascript
Node.js微信 access_token ( jsapi_ticket ) 存取与刷新的示例
2017/09/30 Javascript
JS实现的JSON序列化操作简单示例
2018/07/02 Javascript
js实现随机8位验证码
2020/07/24 Javascript
修改vue源码实现动态路由缓存的方法
2020/01/21 Javascript
vue-cli3.0实现一个多页面应用的历奇经历记录总结
2020/03/16 Javascript
JavaScript实现点击图片换背景
2020/11/20 Javascript
[10:04]国际邀请赛采访专栏:DK.Farseer,mouz.Black^,采访员Josh专访
2013/08/05 DOTA
对IPython交互模式下的退出方法详解
2019/02/16 Python
详解Python中的各种转义符\n\r\t
2019/07/10 Python
使用python模拟命令行终端的示例
2019/08/13 Python
Python把图片转化为pdf代码实例
2020/07/28 Python
filter使用python3代码进行迭代元素的实例详解
2020/12/03 Python
html5中canvas学习笔记2-判断浏览器是否支持canvas
2013/01/06 HTML / CSS
希尔顿酒店中国网站:Hilton中国
2017/03/11 全球购物
房产销售经理职责
2013/12/20 职场文书
学生喝酒检讨书
2014/02/06 职场文书
诚实守信演讲稿
2014/09/01 职场文书
《我爱祖国》演讲稿1000字
2014/09/26 职场文书
个人自我剖析材料
2014/09/30 职场文书
购房个人委托书范本
2014/10/11 职场文书
色戒观后感
2015/06/12 职场文书
成功的商业计划书这样写才最靠谱
2019/07/12 职场文书
Python连续赋值需要注意的一些问题
2021/06/03 Python
代码解析React中setState同步和异步问题
2021/06/03 Javascript
Python编写nmap扫描工具
2021/07/21 Python