UniApp生成二维码并解析

“我正在参加「掘金·启航计划」”

生成二维码部分

1. HTML部分

<view class="qr-box">
    <canvas canvas-id="qrcode" style="width: 300rpx;margin: 0 auto;" />
</view>

2. 引入

import uQRCode from '@/utils/common/uqrcode.js'

3. 生成

qrFun(text) {
    console.log(text);
    this.qrShow = true
    uQRCode.make({
            canvasId: 'qrcode',
            componentInstance: this,
            text: text,
            size: 150,
            margin: 0,
            backgroundColor: '#ffffff',
            foregroundColor: '#000000',
            fileType: 'jpg',
            errorCorrectLevel: uQRCode.errorCorrectLevel.H,
            success: res => {}
    })
},

解析二维码

1. 引入

var qrcode = require('../../utils/common/reqrcode.js');

2. 使用

UNI-APP已经有了扫码功能的API了，通过API可以非常简单的实现扫码功能

但由于自带的api无法实现h5，只能选择二维码图片再利用reqrcode.js来实现解析二维码以此实现

ScanCode() {
	// 判断是浏览器还是app，true为浏览器，false为app
    console.log(navigator);
    if (navigator) {
            let that = this
            uni.chooseImage({
                    sizeType: ['original'],
                    count: 1,
                    success: function(res) {
                            const tempFilePaths = res.tempFilePaths
                            qrcode.decode(tempFilePaths[0]);
                            qrcode.callback = function(img) {
                            if (img == "error decoding QR Code") {
                                    uni.showToast({
                                    title: "识别二维码失败，请重新上传！"
                                    duration: 2000,
                                    icon: 'none'
                            })
                               } else {
                                       let result = img.split(",");
                                       console.log(result, result);
                                       uni.navigateTo({
                                               url: that.gotoCodeUrl[result[1]] + result[0],
                                  });
                            }
                    }
              }
        });
    } else {
	uni.scanCode({
		success: (res) => {
		let result = res.result.split(",");
		uni.navigateTo({
		url: this.gotoCodeUrl[result[1]] + result[0],
                });
            },
        });
    }
},

qrcode链接：wws.lanzouj.com/i6m4j0cfdwm…

reqrcode链接：wws.lanzouj.com/isBQ40cfdwo…

脉乃气血先见，气血有盛衰，脏腑有偏胜。气血俱盛，脉阴阳俱盛。气血俱衰，脉阴阳俱衰。气独胜者，则脉强。血独盛者，则脉滑。气偏衰者，则脉微。血偏衰者，则脉涩。气血和者，则脉缓。气血平者，则脉平。气血乱者，则脉乱。气血脱者，则脉绝。阳迫气血，则脉数。阴阻气血，则脉迟。若感于邪，气血扰动，脉随变化，变化无穷，气血使之。病变百端，本原别之。欲知病源，当凭脉变。『《伤寒杂病论》·汉·张仲景』