Heim > WeChat-Applet > Mini-Programmentwicklung > So klicken Sie auf das WeChat-Applet, um das Originalbild anzuzeigen

So klicken Sie auf das WeChat-Applet, um das Originalbild anzuzeigen

angryTom
Freigeben: 2020-03-24 10:30:38
Original
6790 Leute haben es durchsucht

So klicken Sie auf das WeChat-Applet, um das Originalbild anzuzeigen

So klicken Sie, um das Originalbild im WeChat-Applet anzuzeigen

Zuerst müssen Sie zwei Bildarrays vorbereiten, eines zum Speichern des Bild-URL des Vorschaubilds und eine zum Speichern der Bild-URL des Originalbilds. Wenn Sie dann auf das Vorschaubild klicken, übergeben Sie das Array des Originalbilds an wx.previewImage(). Verfahren.

1. WXML-Code

<view class=&#39;detail_img&#39;>
        <view class=&#39;view_img&#39; wx:for="{{imglist}}" wx:for-item="image" wx:for-index="idx">
          <image src=&#39;{{image}}&#39; data-idx="{{idx}}" bindtap="previewImage"></image>
        </view>
        <view style=&#39;clear:both;&#39;></view>
    </view>
Nach dem Login kopieren

2. JS-Code

data: {
    previewlist:[&#39;预览图链接&#39;,&#39;预览图链接&#39;,&#39;预览图链接&#39;],
    originallist:[&#39;原图链接&#39;,&#39;原图链接&#39;,&#39;原图链接&#39;]
  },

/**   
     * 预览图片  
     */
  previewImage: function (e) {
    var current = this.data.originallist[e.target.dataset.idx];
    wx.previewImage({
      current: current, // 当前显示图片的http链接  
      urls: this.data.originallist// 需要预览的图片http链接列表  
    })
  } ,
Nach dem Login kopieren

Empfohlenes Lernen: Mini-Programmentwicklung

Das obige ist der detaillierte Inhalt vonSo klicken Sie auf das WeChat-Applet, um das Originalbild anzuzeigen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage