前端微信小程序生成二维码（wxbarcode）,并保存到手机相册

前端微信小程序生成二维码（wxbarcode）,并保存到手机相册

微信小程序由前端生成二维码，利用wxbarcode插件，可以才有npm install的方式，也可以去git上下载js文件，下面展示的是从git上下载js文件的方式：

（1）下载js文件（git地址在最下方），放入项目中，可以放在utils文件夹中；

（2）index.wxml

<canvas class="qrcode" canvas-id="qrcode" />
<view class="btn save-btn" bind:tap="saveImg">保存到手机</view>

（3）在页面的index.js文件中引入js文件

import wxbarcode from '../../../utils/wxbarcode/index';
Page({
  data:{},
  onLoad(options) {
    let urlStr = '123'  //需要生成二维码的内容
    wxbarcode.qrcode('qrcode', urlStr, 260, 260);
  },
  // 保存图片到手机
  saveImg() {
    wx.canvasToTempFilePath({
      canvasId: 'qrcode',
      success: function (res) {
        wx.getImageInfo({
          src: res.tempFilePath,
          success: (res) => {
            let path = res.path;
            wx.saveImageToPhotosAlbum({
              filePath: path,
              success: (res) => {
                console.log(res);
                wx.showToast({
                  title: '已保存到相册',
                })
              },
              fail: (res) => {
                console.log(res);
              }
            })
          },
          fail: (res) => {
            console.log(res);
          }
        })
      },
      fail: function (res) {
        wx.showToast({
          title: '图片生成失败'
        });
        console.log("图片生成失败error", res)
      }
    }, this)
  },
})

插件下载地址：https://github.com/1961866686/wxbarcode/tree/master/demo/utils