微信小程序> 微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能

微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能

浏览量:600 时间: 来源:小吖吖

 

 

 

小程序目前只支持扫小程序码,普通二维码可以保存图片到本地回到微信中识别

识别二维码没有其他办法只能看官方后期怎么更新

 

1.多张图片循环渲染后预览、保存、识别带参数二维码

view wx:for="{{imgalist}}" class="previewimg"  image src="{{item}}" data-src="{{item}}" bindtap="previewImage"/image/view
Page({  data: {    imgalist[       'https://avatar.csdn.net/4/6/5/2_qq_35713752.jpg',      'http://sz800800.cn/video/test.png'    ],  },  previewImage: function (e) {    var current = e.target.dataset.src;      wx.previewImage({          current: current, // 当前显示图片的http链接         urls: this.data.imgalist // 需要预览的图片http链接列表     })  }, })

 2.单张图片预览、保存、识别带参数二维码

!--pages/dis_dil/dis_d5.wxml--text class='search_no'点击可保存及分享二维码/textview 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 = this    var scene_img = '' //这里添加图片的地址    that.setData({      scene: scene_img    })  },  previewImage: function (e) {    wx.previewImage({      urls: this.data.scene.split(',')      // 需要预览的图片http链接  使用split把字符串转数组。不然会报错    })  }})

 

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎