失效图片用默认图片代替

基于html5提供的onerror这个时间属性. 写法如下 <img src="图片地址" onerror="javascript:this.src=\'默认的图片地址\'"> 测试如下 如图所示,显示的图片是默认图片. 以下是部分代码:分别用以下两段代码来测试 html+='<li><div class="pd"><a><img src="'+professor.img+'&quo

//取消图片的默认行为 $(function(){ var $img = $("img"); var moving = function(event){ //something } var img = document.getElementsByTagName('img'); //IE下需要在document的mousemove里面取消默认事件;要用原生JS的事件不能用JQuery for (var i = 0; i < img.length; i++) { img[i].onm

有些时候我们需要批量显示数据库中的图片,数据库中保存的当然是图片的路径.但是如果发现某些图片不存在,网页上的红叉会显得很难看,这时候我们可以选择显示默认图片来代替,这样会显得非常有人性化.鹤峰县烟草专卖局 利用 image 对象的 onerror 事件来判断,出错则更换 image 对象的 src 为默认图片的 URL. <img src="http://www.nowamagic.net/images/new_logo.png" onerror="javascript

引用:$row['goods_img'] = get_image_path($row['goods_id'], $row['goods_img']); lib_common.php /** * 重新获得商品图片与商品相册的地址 * * @param int $goods_id 商品ID * @param string $image 原商品相册图片地址 * @param boolean $thumb 是否为缩略图 * @param string $call 调用方法(商品图片还是商品相册) * @

为了美观当网页图片不存在时不显示叉叉图片 当在页面显示的时候,万一图片被移动了位置或者丢失的话,将会在页面显示一个带X的图片,很是影响用户的体验.即使使用alt属性给出了”图片XX”的提示信息,也起不了多大作用.其实,可以这样处理:当图片不存在的时候,会触发onerror事件,我们可以在该事件中做一下补救的工作,比如: 1.让这个图片元素隐藏: <img src="图片的url地址" alt="图片XX" onerror="this.style.di

忽然发现,jq里也有坑,很多东西莫名其妙的被废弃了--所以,只能用原生js来做了: $('img').each(function() { if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) { this.src = 'imgs/deflane.jpg'; } }) 那么这就是当图片地址挂了之后,给img一个默认图片的地址,至少看起来不恶心了. 如果,是由于加载原

img先设置一个占位符,用来存放后台返回的图片地址,如果图片存在且地址正确则替换掉当前图片,如果后台获取的图片地址不正确,则还显示默认图片,这里提供onerror进行控制: <img src="../images/default_male.png" alt="店铺icon" id="store-img" class="store-logo" onerror="javascript:this.src='../im

在读取类似新闻列表等功能时,一般都会有图片,有时会因为数据问题,图片会加载不出来,此时,为了更好的用户体验, 我们应当在图片数据出错时,用默认的图片代替它. html5有对应的img事件:onerror 下面是小程序里的一个demo,事件是binderror: <block wx:for="{{list}}"> <image class='news-img' src="{{item.imgSrc}}" binderror='imageError'

cp from : https://blog.csdn.net/wyk304443164/article/details/77093339 没有考虑到兼容性,因为我们暂时只适配了webkit. 也没有考虑到懒加载,因为项目比较紧有需要加的朋友看react-lazyload,也比较简单,现成的轮子 /** * Created by wuyakun on 2017/8/11. * 会显示默认图片的image */ import React from 'react'; class DefaultIma