小程序开发二三事--图片错误显示默认图

Posted 沐浴点阳光

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序开发二三事--图片错误显示默认图相关的知识,希望对你有一定的参考价值。

小程序的image组件不像普通html 的image,没有onerror属性,不过有个binderror回调方法。却不像onerror="this.src=‘/static/img/fmdefault.png‘"来的方便。

binderror 当错误发生时,发布到 AppService 的事件名,事件对象event.detail = {errMsg: ‘something wrong‘};

当图片错误时,调用binderror方法,然后去改变image的src绑定的值。

<image class="userinfo-avatar" src="{{avatar}}" binderror="errorFunction"></image>

errorFunction: function(){
    this.setData({
      avatar: ‘/image/head.png‘
    })    
}

 

以上是关于小程序开发二三事--图片错误显示默认图的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序开发选取相册照片/拍照API调用

ckeditor图片上传二三事

Eclipse搭建Hadoop开发环境二三事

Eclipse搭建Hadoop开发环境二三事

Redis二三事一套超详细的Redis学习教程(步骤图片+实操)---第二集

Fresco 二三事:图片处理之旋转缩放裁剪切割图片