アプレットの画像コントロールに画像を設定する方法

この記事の内容は、ミニプログラムの画像コントロールに写真を設定する方法についてです。必要な方は参考にしていただければ幸いです。

アプレットの image コントロールにプレースホルダー画像を設定します。 image控件设置占位图片：
1.通过判断url为空显示不同的图片就可以了

<image src="{{item.url?item.url:&#39;../../../images/ic_header.jpg&#39;}}"/>

2.第二种情况就是item.url 不为空，但是访问图片出错的情况，这时就需要image 的error事件binderror1. URL が空かどうかを判断して、異なる画像を表示するだけです

/**
   * 图片加载错误
   */
  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
      })
    }

  },

2 2 番目のケースは、item.url が空であることです。空ではありませんが、画像へのアクセス時にエラーが発生した場合は、 image のエラー イベント binderror が必要です。このメソッドは、読み込み時にエラーが発生したときに実行されます。画像。この方法では、対応する画像アドレスをプレースホルダー画像に変更するだけです
rrreee

関連する推奨事項:

WeChat ミニ プログラムの画像処理に関連する問題の概要

WeChat ミニ プログラムは、画像コンポーネントを使用して表示します画像メソッド 🎜🎜

以上がアプレットの画像コントロールに画像を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。