本篇文章給大家帶來的內容是關于小程序中image控件可以如何設置圖片，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

小程序image控件設置占位圖片：
1.通過判斷url為空顯示不同的圖片就可以了

<image src="{{item.url?item.url:'../../../images/ic_header.jpg'}}"/>

2.第二種情況就是item.url 不為空，但是訪問圖片出錯的情況，這時就需要image 的error事件binderror，這個方法在加載圖片出錯的時候會執行。在這個方法里面把對應的圖片地址改成占位圖片就可以了

/**
   * 圖片加載錯誤
   */
  onLoadImageError:function(e){
    let errorurl = '../../../images/image_placeholder.png'
    let index = e.currentTarget.dataset.index    
    if (this.data.imageType == 1) {
          this.data.complaintPics[index] = errorurl      
          this.setData({
        complaintPics:this.data.complaintPics
      })
    }

  },

相關推薦：

關于微信小程序中圖片處理的問題匯總

微信小程序使用image組件顯示圖片的方法

以上就是小程序中image控件可以如何設置圖片的詳細內容，更多請關注php中文網其它相關文章！