【发布时间】:2020-11-27 09:59:42
【问题描述】:
这是从条形码中检索到的 JSON。
{"text":"03451736","format":"UPC_E","cancelled":"false"}
【问题讨论】:
标签: javascript android angular ionic4 ionic5
这是从条形码中检索到的 JSON。
{"text":"03451736","format":"UPC_E","cancelled":"false"}
【问题讨论】:
标签: javascript android angular ionic4 ionic5
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
};
打开按钮点击调用下面的函数
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);
});
}
【讨论】: