如何判断图片地址是否失效
<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>
相关推荐
-
如何判断图片地址是否失效
<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的位置是
随机推荐
- MongoDB数据库查询性能提高40倍的经历分享
- JavaScript接口实现代码 (Interfaces In JavaScript)
- js实现鼠标悬浮给图片加边框的方法
- JavaScript程序开发之JS代码放置的位置
- Bootstrap基本插件学习笔记之Alert警告框(20)
- ASP.NET中图片显示方法实例
- ASP.NET中防止页面刷新造成表单重复提交执行两次操作
- js模拟点击事件实现代码
- Android实现美女拼图游戏详解
- Codeigniter控制器controller继承问题实例分析
- JS控件autocomplete 0.11演示及下载 1月5日已更新
- Spring MVC配置双数据源实现一个java项目同时连接两个数据库的方法
- 详解CentOS6.5 安装 MySQL5.1.71的方法
- jQuery带进度条全屏图片轮播特效代码分享
- 来自国外的14个图片放大编辑的jQuery插件整理
- jQuery用FormData实现文件上传的方法
- 从零开始学android实现计算器功能示例分享(计算器源码)
- MongoDB整合Spring实例详细讲解(含代码)
- c#分页显示服务器上指定目录下的所有图片示例
- 部署VoIP的标准草案LLDP-MED协议概述