首页 > 解决方案 > 如何使用离子条形码扫描仪扫描驾驶执照上的 pdf417 条形码并检索信息?

问题描述

这是从条形码中检索到的 JSON。

{“文本”:“03451736”,“格式”:“UPC_E”,“取消”:“假”}

标签: javascriptandroidangularionic4ionic5

解决方案


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);
      });

}

推荐阅读