微信小程序-扫一扫

效果

wxml

<view class="view">
    <cover-image src="{{img}}"></cover-image>
    <button class="btn" type="primary" bindtap="scan">扫一扫</button>
</view>

js

Page({

  /**
   * 页面的初始数据
   */
  data: {
    img: '../../imgs/1.jpg'
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  scan: function () {
    wx.scanCode({
      success: (res) => {
        console.log("扫码结果");
        console.log(res);
        this.setData({
          img: res.result
        })
      },
      fail: (res) => {
        console.log(res);
      }
    })
  }
})

二维码图片是利用草料二维码生成器生成的，其真实内容就是图片地址，如下图：

使用的是wx.scanCode方法：

参考资料： https://developers.weixin.qq.com/miniprogram/dev/api/device/scan/wx.scanCode.html