图片经常又后台加载过来,或其他地方,但我们不能保证它是否存在,成功加载处理啊,所以在可能会出现该问题的地方在错误的判断(技术的存在不就是不短的写code的吗)

1.小程序图片加载不来,报错处理,替换图片

小程序文档对image 表签的介绍
图片路径不存在,替换问题图片

方法一:中间 modelazy-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'"

相关文章: