小程序圖片404錯誤，使用默認圖片替換

image的屬性

 

 

微信小程序圖片加載失敗顯示默認圖片，通常情況下：

wxml

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

js

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

　　

若使用了 for 循環，代碼如下

wxml

<view wx:for="{{slider}}" wx:key="{{key}}" wx:for-index='index'>
      <image src='{{item.picUrl}}' binderror="imageError" data-index='{{index}}'></image>
</view>

　　

js

imageError: function(e) {
    var index = e.currentTarget.dataset.index
    var img = 'slider[' + index + '].picUrl'
    this.setData({
        [img]: '../../images/default.png'
    })
},