Comment définir des images dans le contrôle d'image dans l'applet

Le contenu de cet article explique comment définir des images dans le contrôle d'image du mini-programme. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Mini programmeimageImage de réserve de réglage du contrôle :
1. Affichez simplement différentes images en jugeant que l'url est vide

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

2. est que item.url n'est pas vide, mais il y a une erreur lors de l'accès à l'image. Dans ce cas, l'événement d'erreur image de binderror est nécessaire. Cette méthode sera exécutée en cas d'erreur lors du chargement de l'image. . Dans cette méthode, remplacez simplement l'adresse de l'image correspondante par une image d'espace réservé

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

  },

Recommandations associées :

À propos du problème de traitement d'image dans l'applet WeChat Résumé

Comment l'applet WeChat utilise le composant image pour afficher des images

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!