图片经常又后台加载过来,或其他地方,但我们不能保证它是否存在,成功加载处理啊,所以在可能会出现该问题的地方在错误的判断(技术的存在不就是不短的写code的吗)
1.小程序图片加载不来,报错处理,替换图片
小程序文档对image 表签的介绍
方法一:中间 mode 、lazy-load 都是在常用不过的属性,今天提到的是binderror
//图片加载问题-替换
imageerror: function(event){
var errImg = event.target.dataset.errimg; //拿到下标
let list = this.data.newlists; //准备渲染的数组
list[errImg].C2cImage = 'http://resource.soulbuddy.cn/public/images/miniprogram/ew.png'; //修改
this.setData({
newlists : list //赋值
})
},
当然 配合 data-errimg 在标签中把下标拿到,
方法二
后台可能没有没传,图片直接undefined 所以,src 中直接替换就行,
<image src='{{touimg?touimg:"http://resource.soulbuddy.cn/public/images/miniprogram/ew.png"}}'></image>
二种方法,方法一 ,更完善, 但不方便,所以还是具体业务做处理,精益求精才是目标。
2.Jquery处理HTML界面image图片问题
方法一
$("img").error(function() {
$(this).attr("src", "Images/error.jpg");
});
方法二
"this.src='./img/default.png'"