1.多張圖片循環(huán)渲染后預(yù)覽、保存、識(shí)別帶參數(shù)二維碼
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, // 當(dāng)前顯示圖片的http鏈接urls: this.data.imgalist // 需要預(yù)覽的圖片http鏈接列表})},})2.單張圖片預(yù)覽、保存、識(shí)別帶參數(shù)二維碼
<!–pages/dis_dil/dis_d5.wxml–><text class=‘search_no'>點(diǎn)擊可保存及分享二維碼</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(‘,')// 需要預(yù)覽的圖片http鏈接 使用split把字符串轉(zhuǎn)數(shù)組。不然會(huì)報(bào)錯(cuò)})}})總結(jié)
以上所述是小編給大家介紹的微信小程序點(diǎn)擊圖片實(shí)現(xiàn)長(zhǎng)按預(yù)覽、保存、識(shí)別帶參數(shù)二維碼、轉(zhuǎn)發(fā)等功能,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)VEVB武林網(wǎng)網(wǎng)站的支持!
如果你覺得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
新聞熱點(diǎn)
疑難解答
圖片精選