码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-04-25 13:32:20      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:his   eve   src   stat   span   事件对象   attr   this   png   

小程序的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‘
    })    
}

 

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

标签:his   eve   src   stat   span   事件对象   attr   this   png   

原文地址:http://www.cnblogs.com/garfieldzhong/p/6760997.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!