完美兼容多浏览器的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中用toString()方法返回时间为字符串
Jun 12 Javascript
JS+CSS实现下拉列表框美化效果(3款)
Aug 15 Javascript
JS设置下拉列表框当前所选值的方法
Dec 22 Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
Nov 25 Javascript
12 款 JS 代码测试必备工具(翻译)
Dec 13 Javascript
你应该知道的几类npm依赖包管理详解
Oct 06 Javascript
angular中ui calendar的一些使用心得(推荐)
Nov 03 Javascript
对vue中methods互相调用的方法详解
Aug 30 Javascript
小程序实现五星点评效果
Nov 03 Javascript
发布Angular应用至生产环境的方法
Dec 10 Javascript
Node.js 获取微信JS-SDK CONFIG的方法示例
May 21 Javascript
微信小程序 scroll-view 水平滚动实现过程解析
Oct 12 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基础知识:函数基础知识
2006/12/13 PHP
php实现图形显示Ip地址的代码及注释
2014/01/20 PHP
浅谈PHP SHA1withRSA加密生成签名及验签
2019/03/18 PHP
JavaScript的单例模式 (singleton in Javascript)
2010/06/11 Javascript
文本框中禁止非数字字符输入比如手机号码、邮编
2013/08/19 Javascript
JS将秒换成时分秒实现代码
2013/09/03 Javascript
js简单实现根据身份证号码识别性别年龄生日
2013/11/29 Javascript
js实现C#的StringBuilder效果完整实例
2015/12/22 Javascript
使用JS读取XML文件的方法
2016/11/25 Javascript
el表达式 写入bootstrap表格数据页面的实例代码
2017/01/11 Javascript
Vue 组件间的样式冲突污染
2017/08/31 Javascript
在vue中使用公共过滤器filter的方法
2018/06/26 Javascript
element ui table 增加筛选的方法示例
2018/11/02 Javascript
vue子路由跳转实现tab选项卡
2019/07/24 Javascript
[02:41]DOTA2亚洲邀请赛小组赛第三日 赛事回顾
2015/02/01 DOTA
[04:40]2016个国际邀请赛中国区预选赛场地——华西村观战指南
2016/06/25 DOTA
[01:45]典藏宝瓶2+祈求者身心——这就是DOTA2TI9总奖金突破3000万美元的秘密
2019/07/21 DOTA
Python去除列表中重复元素的方法
2015/03/20 Python
Python 数据可视化pyecharts的使用详解
2019/06/26 Python
python opencv对图像进行旋转且不裁剪图片的实现方法
2019/07/09 Python
解决Python计算矩阵乘向量,矩阵乘实数的一些小错误
2019/08/26 Python
使用wxpy实现自动发送微信消息功能
2020/02/28 Python
介绍一些UNIX常用简单命令
2014/11/11 面试题
企业统计员岗位职责
2013/12/13 职场文书
篝火晚会策划方案
2014/05/16 职场文书
医学专业毕业生推荐信
2014/07/12 职场文书
党代会心得体会
2014/09/04 职场文书
2014年科室工作总结范文
2014/12/19 职场文书
婚宴邀请函
2015/01/30 职场文书
嘉宾邀请函
2015/01/31 职场文书
对外汉语教师推荐信
2015/03/27 职场文书
小学数学教师研修感悟
2015/11/18 职场文书
加强党性修养心得体会
2016/01/21 职场文书
浅析CSS在DevTools 中架构演变
2021/10/05 HTML / CSS
简单聊聊Vue中的计算属性和属性侦听
2021/10/05 Vue.js
pnpm对npm及yarn降维打击详解
2022/08/05 Javascript