1.多張圖片循環渲染后預覽、保存、識別帶參數二維碼

wxml頁面

<view wx:for=“{{imgalist}}” wx:for-item=“image” class=“previewimg”><image src=“{{image}}” data-src=“{{image}}” bindtap=“previewImage”></image></view>js頁面Page({data: {imgalist: [‘http://sz800800.cn/video/test.png','http://sz800800.cn/video/test.png'],},previewImage: function (e) {wx.previewImage({current: this.data.imgalist, // 當前顯示圖片的http鏈接urls: this.data.imgalist // 需要預覽的圖片http鏈接列表})},})

2.單張圖片預覽、保存、識別帶參數二維碼

<!–pages/dis_dil/dis_d5.wxml–><text class=‘search_no'>點擊可保存及分享二維碼</text><view class=‘view_img' ><image class=‘img' bindtap=“previewImage” src=‘{{scene}}'></image></view>// pages/dis_dil/dis_d5.jsvar app = getApp();Page({data: {scene: ”},onLoad: function (options) {var that = thisvar scene_img = ” //這里添加圖片的地址that.setData({scene: scene_img})},previewImage: function (e) {wx.previewImage({urls: this.data.scene.split(‘,')// 需要預覽的圖片http鏈接 使用split把字符串轉數組。不然會報錯})}})

總結

以上所述是小編給大家介紹的微信小程序點擊圖片實現長按預覽、保存、識別帶參數二維碼、轉發等功能,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！