完美兼容多浏览器的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数组组合成字符串的脚本
Jan 06 Javascript
将HTMLCollection/NodeList/伪数组转换成数组的实现方法
Jun 20 Javascript
三种检测iPhone/iPad设备方向的方法
Apr 23 Javascript
JS获取客户端IP地址、MAC和主机名的7个方法汇总
Jul 21 Javascript
js实现适用于素材网站的黑色多级菜单导航条效果
Aug 24 Javascript
jQuery实现Meizu魅族官方网站的导航菜单效果
Sep 14 Javascript
利用JS实现数字增长
Jul 28 Javascript
JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】
Aug 19 Javascript
jQuery中的AjaxSubmit使用讲解
Sep 25 Javascript
微信小程序 连续旋转动画(this.animation.rotate)详解
Apr 07 Javascript
微信小程序使用navigateTo数据传递的实例
Sep 26 Javascript
Vue+Bootstrap收藏(点赞)功能逻辑与具体实现
Oct 22 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生成zip压缩文件的方法详解
2013/06/09 PHP
在Linux系统下一键重新安装WordPress的脚本示例
2015/06/30 PHP
基于jquery循环map功能的代码
2011/02/26 Javascript
深入理解JQuery keyUp和keyDown的区别
2013/12/12 Javascript
parentElement,srcElement的使用小结
2014/01/13 Javascript
js使用栈来实现10进制转8进制与取除数及余数
2014/06/11 Javascript
使用jquery.qrcode生成彩色二维码实例
2014/08/08 Javascript
nodejs教程之制作一个简单的文章发布系统
2014/11/21 NodeJs
jQuery实现ctrl+enter(回车)提交表单
2015/10/19 Javascript
深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)
2015/12/01 Javascript
jQuery Mobile 和 Kendo UI 的比较
2016/05/05 Javascript
Bootstrap Table使用方法解析
2016/10/19 Javascript
用headjs来管理和加载js 提高网站加载速度
2016/11/29 Javascript
JS设计模式之访问者模式定义与用法分析
2018/02/05 Javascript
vue计算属性无法监听到数组内部变化的解决方案
2019/11/06 Javascript
[39:21]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.24
2019/09/10 DOTA
Python中设置变量作为默认值时容易遇到的错误
2015/04/03 Python
python使用电子邮件模块smtplib的方法
2016/08/28 Python
Python 修改列表中的元素方法
2018/06/26 Python
Appium+python自动化之连接模拟器并启动淘宝APP(超详解)
2019/06/17 Python
python 读写excel文件操作示例【附源码下载】
2019/06/19 Python
python对文件的操作方法汇总
2020/02/28 Python
python如何运行js语句
2020/09/09 Python
python import 上级目录的导入
2020/11/03 Python
Merrell迈乐澳大利亚网站:购买户外登山鞋
2017/05/28 全球购物
澳大利亚领先的运动鞋商店:Hype DC
2018/03/31 全球购物
意大利宠物用品购物网站:Bauzaar
2018/09/15 全球购物
中专毕业个人的自荐信格式
2013/09/21 职场文书
巾帼文明岗汇报材料
2014/12/24 职场文书
音乐教师个人工作总结
2015/02/06 职场文书
乔布斯辞职信(中英文对照)
2015/05/12 职场文书
2015年幼儿园学前班工作总结
2015/05/18 职场文书
干部考核工作总结
2015/08/12 职场文书
html实现随机点名器的示例代码
2021/04/02 Javascript
自制短波长线天线频率预选器 - 成功消除B2K之流的镜像
2021/04/22 无线电
利用python做数据拟合详情
2021/11/17 Python