完美兼容多浏览器的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 相关文章推荐
jQuery插件原来如此简单 jQuery插件的机制及实战
Feb 07 Javascript
js跨域访问示例(客户端/服务端)
May 19 Javascript
jQuery的text()方法用法分析
Dec 20 Javascript
JavaScript性能优化之小知识总结
Nov 20 Javascript
JavaScript登录验证码的实现
Oct 27 Javascript
angular学习之从零搭建一个angular4.0项目
Jul 10 Javascript
关于vue-router的beforeEach无限循环的问题解决
Sep 09 Javascript
初探js和简单隐藏效果的实例
Nov 23 Javascript
基于vue-router 多级路由redirect 重定向的问题
Sep 03 Javascript
如何对react hooks进行单元测试的方法
Aug 14 Javascript
JavaScript实现身份证验证代码实例
Aug 26 Javascript
vue项目打包之开发环境和部署环境的实现
Apr 23 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
ThinkPHP中limit()使用方法详解
2016/04/19 PHP
php+html5+ajax实现上传图片的方法
2016/05/14 PHP
巧妙破除网页右键禁用的十大绝招
2006/08/12 Javascript
jquery cookie插件代码类
2009/05/26 Javascript
javascript 学习笔记(八)javascript对象
2011/04/12 Javascript
使用Jquery实现点击文字后变成文本框且可修改
2013/09/21 Javascript
JS中的Replace方法使用经验分享
2015/05/20 Javascript
详解JavaScript中的异常处理方法
2015/06/16 Javascript
js实现简单的验证码
2015/12/25 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
2016/01/15 Javascript
JQuery核心函数是什么及使用方法介绍
2016/05/03 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
2016/10/27 Javascript
使用DeviceOne实现微信小程序功能
2016/12/29 Javascript
BootStrapValidator初使用教程详解
2017/02/10 Javascript
vue数据双向绑定原理解析(get &amp; set)
2017/03/08 Javascript
Node.js中DNS模块学习总结
2018/02/28 Javascript
vue-prop父组件向子组件进行传值的方法
2018/03/01 Javascript
JS实现方形抽奖效果
2018/08/27 Javascript
vue中使用cookies和crypto-js实现记住密码和加密的方法
2018/10/18 Javascript
10种JavaScript最常见的错误(小结)
2019/06/21 Javascript
jquery实现轮播图特效
2020/04/12 jQuery
JavaScript undefined及null区别实例解析
2020/07/21 Javascript
web.py 十分钟创建简易博客实现代码
2016/04/22 Python
为什么选择python编程语言入门黑客攻防 给你几个理由!
2018/02/02 Python
Python 3.6 读取并操作文件内容的实例
2018/04/23 Python
对Python生成汉字字库文字,以及转换为文字图片的实例详解
2019/01/29 Python
python爬取微信公众号文章的方法
2019/02/26 Python
如何在VSCode上轻松舒适的配置Python的方法步骤
2019/10/28 Python
廉价连衣裙和婚纱礼服在线销售:Tbdress
2019/02/28 全球购物
override和overload的区别
2016/03/09 面试题
新媒传信软件测试面试题
2013/02/24 面试题
2016年高校自主招生自荐信范文
2015/03/24 职场文书
2015年资料员工作总结
2015/04/25 职场文书
2015国庆66周年宣传语
2015/07/14 职场文书
《迟到》教学反思
2016/02/24 职场文书
5人制售《绝地求生》游戏外挂获利500多万元 被判刑
2022/03/31 其他游戏