如何判断图片地址是否失效

<html>

<body>

<IMG src="http://www.google.com/logos/Logo_25wht.gif" alt="图片来源正常"></p>

<IMG src="abc.gif">

</body>

</html>

<script language="javascript">

var AllImages=document.getElementsByTagName("IMG");

for(i=0;i<AllImages.length;i++)

{

var img=AllImages[i];

img.onerror=function()

{

this.src="http://www.yaosansi.com/blog/logo.gif";

this.alt="图片来源错误";

}

}

</script>

(0)

相关推荐

  • 如何判断图片地址是否失效

    <html> <body> <IMG src="http://www.google.com/logos/Logo_25wht.gif" alt="图片来源正常"></p> <IMG src="abc.gif"> </body> </html> <script language="javascript"> var AllImages=

  • vue中当图片地址无效的时候,显示默认图片的方法

    web项目中经常需要展示图片,很可能就会碰到图片地址无效的情况,比如图片地址不对,或者后台拿到图片地址后,该地址无效,或者数据库中没有该图片等情况.这时候,图片就会显示一个叉. 对于项目中出现的这种情况,我们也可以不做处理,但是比较影响美观,所以我们都会使用一个默认的图片来代替图片原来的地址. <img :src="item.img" @error="imgError(item)" /> 给图片添加一个error校验,当图片加载失效的时候,就会调用该属性

  • 用Javascript判断图片是否存在,不存在则显示默认图片的代码

    利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的URL. 第一种情况:图片存在,正常显示 第二种情况:图片不存在,显示默认图片 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 下面是通过js的判断用javascript判断指定图片文件是否存在: 如判断<img src="http://www.jb51.net/logos.gif">这个图片地址是否存在. 如果不存在,隔几秒重新探测此图片,如果地址有效则,提示地址有效 复

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

    第一种方式 //检查图片是否存在 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 +

  • Javascript判断图片尺寸大小实例分析

    通常我们判断js图片大小都是利用images对象,然后再用attr来获取图片地址再进行判断就可以了,下面来看一些例子.最简单办法: 复制代码 代码如下: var img=new Image();    img.src=$('#tlogo').attr('src');    if(img.width > '240'){        $('#tlogo').attr('width','240');} 上面例子碰到如果页面没有加载完的时候,这时js就获取不了图片大小了,对此我们可以先判断加载完成否再

  • jQuery 判断图片是否加载完成方法汇总

    对于图片的处理,例如幻灯片播放.缩放等,都是依赖于在所有图片完成之后再进行操作. 今天来看下如何判断所有的图片加载完成,而在加载完成之前可以使用 loading 的 gif 图表示正在加载中. 一.普通方法 监听 img 的 load 方法,每 load 一张图片比较一次.关键代码如下: var num = $img.length; $imgs.load(function() { num--; if (num > 0) { return; } console.log('load compelet

  • JavaScript & jQuery完美判断图片是否加载完毕

    众所周知,常见瀑布流当鼠标滚动到浏览器底部的时候,就会发起一个ajax的请求.在服务端生成item列表后,通过 js append到相应的div里边. 看起来很简单的样子,关键问题就出在图片的加载问题上,图片一般都放在服务器上,通过http下载到客户端. 例如我的图片地址: http://xxx.xxx.com/sc/item/cover/9-4352-c400.jpg 而图片下载到本地是需要一定时间的(网速快的路过).当图片还没有下载完的时候,使用js获取到元素的宽高将会是0. 有的同学说了我

  • 易语言通过解密微博图片地址获取发布者微博地址的代码

    常量数据表 .版本 2 .常量 常量1, "<文本长度: 399>", , 'js脚本 返回 origin_number 微博图片获取发布者的代码 此功能需要加载精易模块5.6 .版本 2 .支持库 spec .支持库 eAPI .程序集 窗口程序集1 .子程序 _文本提取按钮_被单击 .局部变量 文本_提取, 文本型 .局部变量 文本_转换, 文本型 .局部变量 文本_结果, 文本型 .局部变量 文本_判断, 文本型 文本_提取 = 文本_倒取出中间文本 (图片地址编辑框

  • Opencv图像处理:如何判断图片里某个颜色值占的比例

    一.功能 这里的需求是,判断摄像头有没有被物体遮挡.这里只考虑用手遮挡---->判断黑色颜色的范围. 二.使用OpenCV的Mat格式图片遍历图片 下面代码里,传入的图片的尺寸是640*480,判断黑色范围. /* 在图片里查找指定颜色的比例 */ int Widget::Mat_color_Find(QImage qimage) { Mat image = QImage2cvMat(qimage);//将图片加载进来 int num = 0;//记录颜色的像素点 float rate;//要计

  • 正则表达式从HTML中匹配img标签的图片地址

    目录 前言 分析 正则表达式 总结 前言 有玩过爬虫的人应该都有过在又臭又长的HTML中找寻信息的经历,虽然有各种工具和各种框架可以辅助查找,但是解析HTML的规则也是人想的,制定规则也是十分麻烦的.恰好在个人的项目中,需要从某个网站中爬取图片,好在需求比较简单,所以试着使用正则表达式来解决. 分析 每个网站中展示图片的地方,无非就是img标签或者style中background-image和background,先解决img标签中的图片.首先,地址在标签的src属性之中,所以找寻src的位置是

随机推荐