uniapp调取摄像头扫码和生成二维码
Posted 郑正正
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp调取摄像头扫码和生成二维码相关的知识,希望对你有一定的参考价值。
调取手机摄像头
<view @click="scan">扫码验证</view>
scan() { //扫码验证
var _this = this;
uni.scanCode({
onlyFromCamera: true, //为true只允许相机扫码,不加允许相册扫码
success: function(res) {
uni.showToast({
title: ‘扫码成功‘
})
},
fail: function(err) {
console.log(‘扫码失败‘, err)
}
})
},
扫码成功的参数在res.result里面
生成二维码图片
下载weapp-qrcode.js文件
链接:https://pan.baidu.com/s/1TkSregltj_b5kc9xjhNY-g 提取码:gurm
<view class="qrcode">
<canvas style="width: 200upx;height: 200upx;" canvas-id="couponQrcode"></canvas>
</view>
<script>
const qrCode = require(‘../../libs/weapp-qrcode.js‘)
methods: {
//二维码生成工具
couponQrCode() {
new qrCode(‘couponQrcode‘, {
text: "加入你所需要的参数",
width: 100,
height: 100,
showLoading: true, // 是否显示loading
loadingText: ‘二维码生成中‘, // loading文字
colorDark: "#333333",
colorLight: "#FFFFFF",
correctLevel: qrCode.CorrectLevel.H
})
},
}
</script>
以上是关于uniapp调取摄像头扫码和生成二维码的主要内容,如果未能解决你的问题,请参考以下文章
vue项目中实现H5调取摄像头扫码扫一扫功能+生成可识别的条形码