脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 完美兼容多浏览器的js判断图片路径代码汇总

完美兼容多浏览器的js判断图片路径代码汇总

 更新时间：2015年04月17日 09:55:32   投稿：hebedich  
本文给大家汇总分享了几种使用javascript实现判断图片路径是否存在的代码，都是平时项目中用到过的，这里总结一下，有需要的小伙伴可以参考下。

第一种方式

//检查图片是否存在
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中DOM尺寸测量与节流技巧总结

    JavaScript中DOM尺寸测量与节流技巧总结

    在网页开发中,合理获取DOM元素尺寸及使用节流技术对高频事件进行优化,是确保页面流畅运行的关键,通过JavaScript可以方便地获取元素宽高,并应用节流（Throttle）与防抖（Debounce）技术处理如滚动或窗口调整等高频事件,有效减少性能消耗,需要的朋友可以参考下
    2024-11-11
  • 深入浅析JS Function()构造函数

    深入浅析JS Function()构造函数

    这篇文章给大家介绍了js function()构造函数的知识以及关于function()构造函数需要注意的几个要点，本文介绍的非常不错，具有参考借鉴价值，感兴趣的朋友一起看下吧
    2016-08-08
  • Webpack框架核心概念(知识点整理)

    Webpack框架核心概念(知识点整理)

    webpack 是一个现代 JavaScript 应用程序的模块打包器(module bundler)。这篇文章主要介绍了Webpack框架核心概念(知识点整理),需要的朋友可以参考下
    2017-12-12
  • 判断脚本加载是否完成的方法

    判断脚本加载是否完成的方法

    在“按需加载”的需求中，我们经常会判断当脚本加载完成时，返回一个回调函数，那如何去判断脚本的加载完成呢？
    2009-05-05
  • JavaScript面向对象三个基本特征实例详解【封装、继承与多态】

    JavaScript面向对象三个基本特征实例详解【封装、继承与多态】

    这篇文章主要介绍了JavaScript面向对象三个基本特征,结合实例形式详细分析了JavaScript面向对象三个基本特征封装、继承与多态的概念、原理、用法与操作注意事项,需要的朋友可以参考下
    2020-05-05
  • 移动端吸顶fixbar的解决方案详解

    移动端吸顶fixbar的解决方案详解

    这篇文章主要介绍了移动端吸顶fixbar的解决方案详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • JS文本框默认值处理详解

    JS文本框默认值处理详解

    以下代码是对JS文本框的默认值处理进行了介绍，需要的朋友可以参考下
    2013-07-07
  • 解决使用layui的时候form表单中的select等不能渲染的问题

    解决使用layui的时候form表单中的select等不能渲染的问题

    今天小编就为大家分享一篇解决使用layui的时候form表单中的select等不能渲染的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • Javascript 字符串模板的简单实现

    Javascript 字符串模板的简单实现

    这篇文章给大家描述的是如何一步步简单的实现Javascript 字符串模板，对于初学javascript的菜鸟们来说应该是篇不错的文章，希望对大家能够有所帮助。
    2016-02-02
  • javascript+html5+css3自定义提示窗口

    javascript+html5+css3自定义提示窗口

    这篇文章主要为大家详细介绍了javascript+html5+css3自定义提示窗口，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-06-06

最新评论