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把字符串轉數組。不然會報錯})}})
總結
以上所述是小編給大家介紹的微信小程序點擊圖片實現長按預覽、保存、識別帶參數二維碼、轉發等功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VEVB武林網網站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!
新聞熱點
疑難解答