百度小程序图片加载失败后,显示默认图片

追格官方小助手/ 2022年08月26日/ 小程序/ 浏览 1692

小程序加载图片时,如果图片所在的url不存在或者因为其他原因导致图片加载不成功。想在这个时候设置一个默认图片地址那么应该如何设置呢?

或者简单的来说当触发 image组件的binderror事件时,如何设置另外一张图片进行展示?

这是百度小程序社区的一个问题,这个问题具有通用性,在微信小程序、支付宝小程序、字节小程序等各个小程序平台都适用。

答案就是图片的的 error 事件,其实,问问题的人,已经想到关键点了,可能就是卡了一下……


<image binderror="onImageError" src="{{error_image_src}}" />


onImageError(e) {
    console.log(e);

    this.setData({
        error_image_src: 'https://www.zhuige.com/assets/img/logo.png'
    })
}


这里要注意,error_image_src 要替换成实际的图片路径变量。

发表评论

暂无评论,抢个沙发...

客服 工单