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

比眉伴天荒 2021-09-30 04:36 724阅读 0赞

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

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

![Center][]![Center 1][]

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

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.单张图片预览、保存、识别带参数二维码

<text class='search_no'>点击可保存及分享二维码</text>
    <view class='view_img' >
    <image class='img' bindtap="previewImage" src='{
       {scene}}'></image></view>

// pages/dis_dil/dis_d5.js
    var 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把字符串转数组。不然会报错
        })
      }
    })

[Center]: https://img-blog.csdn.net/20170926170549159?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzU3MTM3NTI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 1]: https://img-blog.csdn.net/20170926171058346?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzU3MTM3NTI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center