失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > ionic4使用QR Scanner插件实现二维码 条形码扫描功能

ionic4使用QR Scanner插件实现二维码 条形码扫描功能

时间:2024-02-03 06:58:07

相关推荐

ionic4使用QR Scanner插件实现二维码 条形码扫描功能

官网地址

/docs/native/qr-scanner

安装插件

ionic cordova plugin add cordova-plugin-qrscannernpm install @ionic-native/qr-scanner

在app.module.ts中导入

import { QRScanner } from '@ionic-native/qr-scanner/ngx';providers: [QRScanner ],

使用

import { QRScanner, QRScannerStatus } from '@ionic-native/qr-scanner/ngx';constructor(private qrScanner: QRScanner) { }// 使用QR Scanner插件实现二维码、条形码扫描doQRScanner() {this.qrScanner.prepare().then((status: QRScannerStatus) => {if (status.authorized) {// 已授予照相机权限// 开始扫码const scanSub = this.qrScanner.scan().subscribe((text: string) => {alert(JSON.stringify(text));this.qrScanner.hide(); // 隐藏相机预览scanSub.unsubscribe(); // 停止扫描});} else if (status.denied) {// 相机权限被永久拒绝// 必须使用qrscanner.opensettings()方法引导用户进入设置页。// 然后他们可以从那里得到许可alert('权限被拒绝');} else {// 权限被拒绝,但不是永久性的。您可以稍后再次请求许可。alert('重新请求');}}).catch((e: any) => alert(JSON.stringify(e)));}

效果图

测试失败

如果觉得《ionic4使用QR Scanner插件实现二维码 条形码扫描功能》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。