javascript - 如何使用离子条形码扫描仪扫描驾驶执照上的 pdf417 条形码并检索信息?
问题描述
这是从条形码中检索到的 JSON。
{“文本”:“03451736”,“格式”:“UPC_E”,“取消”:“假”}
解决方案
IN App主模块添加条码扫描器的导入
import { BarcodeScanner, BarcodeScannerOptions } from '@ionic-native/barcode-scanner';
将其添加到提供程序数组
providers: [
.....
;;;;; Other providers
;;;;;
BarcodeScanner,
],
在组件中
import { BarcodeScanner, BarcodeScannerOptions } from '@ionic-native/barcode-scanner';
在构造函数中初始化
constructor(public barcodeCtrl: BarcodeScanner)
提供扫描选项
const options: BarcodeScannerOptions = {
preferFrontCamera: false,
showFlipCameraButton: false,
showTorchButton: true,
torchOn: false,
prompt: 'Place a barcode inside the scan area',
resultDisplayDuration: 500,
formats: 'QR_CODE,DATA_MATRIX,UPC_A,UPC_E,EAN_8,EAN_13,CODE_39,CODE_93,CODE_128,ITF,PDF_417,AZTEC',
orientation: 'portrait',
disableAnimations: true, // iOS
disableSuccessBeep: false, // iOS and Android
};
On button 点击调用下面的函数
Scan(){
this.barcodeCtrl.scan(options).then((barcodeData) => {
console.log('Barcode data', barcodeData);
this.licenceData = JSON.parse(barcodeData.text); // This will contain your licence details
}).catch((err) => {
console.log('Error', err);
});
}
推荐阅读
- python - 保存带有属性的对象以在任何文件中使用
- scala - 获取 Spark 过滤器期间处理了多少行
- android - 这只是自定义寻呼机适配器实现的样板代码吗?
- javascript - Phaser 3 中的 outOfBoundsKill 等效项
- python - 机器学习随机森林
- r - 使用带有 selectInput 的 Shiny App 并根据列中的每个唯一值进行计算以输出新表
- reactjs - 使用异步数据传递 props
- github - Github Markdown 锚点仅链接到页面顶部
- javascript - 如何使用 webpack 3 缩小 CSS 样式
- android - 什么可能导致 getExternalFilesDir 从外部 SD 卡返回路径?