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

官网地址

https://ionicframework.com/docs/native/qr-scanner

安装插件

ionic cordova plugin add cordova-plugin-qrscanner
npm 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插件实现二维码、条形码扫描功能相关推荐

Android 基于google Zxing实现二维码条形码扫描，仿微信二维码扫描效果
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 转载请注 ...
Android基于Google Zxing实现二维码/条形码扫描、生成二维码/条形码
二维码/条形码生成器二维码/条形码扫描器一.二维码与条形码工作原理目前的很多应用上都有扫码功能,当时微信推出二维码扫码功能时,觉得imagine,通过一张简单的图片就能扫描添加还有,还有分 ...
Android 比Zing 更快的二维码条形码扫描Zbar
之前项目要用做二维码条形码的扫描找资料大多都是Zing 的,但是 zing 扫描比较慢而且经常扫描半天不出来 ,如果是近距离的人话根本不行, 体验很差 ,最主要还可能是对zing 的理解不够透 ...
iOS系统原生二维码条形码扫描
本文讲述如何用系统自带的东东实现二维码扫描的功能:点击当前页面的某个按钮,创建扫描VIEW.细心的小伙伴可以发现 title被改变了,返回按钮被隐藏了.这个代码自己写就行了,与本文关系不大...绿色的 ...
IOS原声二维码条形码扫描实现
本文讲述如何用系统自带的东东实现二维码扫描的功能:点击当前页面的某个按钮,创建扫描VIEW.细心的小伙伴可以发现 title被改变了,返回按钮被隐藏了.这个代码自己写就行了,与本文关系不大...绿色的 ...
Android开发--Zxing库实现二维码/条形码扫描识别
首先要下载所需要的源码,可以从zxing官网下载,下载压缩包然后解压到自己要放的地址然后导入zxing包,下载的zxing源码中我们能用到的大概就camera,decoding,view三个包,可直 ...
iOS 扫描二维码/条形码
级别:★★☆☆☆ 标签:「iOS 原生扫描」「AVCaptureSession」「AVCaptureDevice」「rectOfInterest」作者: Xs·H 审校: QiShare团队最近做 ...
网页获取微信信息——js使用插件生成二维码（1）
js使用插件生成二维码: 一.安装依赖: npm i qrcodejs2 -S 二.放置二维码的容器,需要给一个ref <div class="QRcodeCon">& ...
利用jquery的qrcode.js插件生成二维码的两种方式的使用
2019独角兽企业重金招聘Python工程师标准>>> 利用jquery的qrcode.js插件生成二维码的额两种方式,canvas(即画布)方式和table方式(原文地址http: ...

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

官网地址

安装插件

在app.module.ts中导入

使用

效果图

ionic4使用QR Scanner插件实现二维码、条形码扫描功能相关推荐

最新文章

热门文章