条码识别演示

支持 Code 128、Code 39、Code 93、EAN-13、EAN-8、UPC-A、UPC-E、ITF、Codabar 等常用条码格式。

交互演示

↗ 在新窗口打开演示

支持的条码格式

类别	格式	说明
工业条码	Code 128, Code 39, Code 93, Codabar	最常用的工业条码
商品条码	EAN-13, EAN-8, UPC-A, UPC-E	零售商品条码
物流条码	ITF	交叉二五码，物流仓储常用
PDF	PDF417	可存储大量数据的二维码

核心实现

import { IDScanner } from 'id-scanner-lib';

const scanner = new IDScanner();
await scanner.initialize();

const qrModule = scanner.getQRCodeModule({
  // 指定只扫描条码格式
  formats: ['code_128', 'code_39', 'ean_13', 'upc_a', 'itf'],
  detectMultiple: true,   // 支持多条码同时扫描
  continuous: true
});

const video = document.getElementById('video');
await qrModule.startCapture(video, { facingMode: 'environment' });

qrModule.on('scan', (result) => {
  console.log('条码内容:', result.text);
  console.log('条码格式:', result.format);
});

EAN-13 商品信息查询

EAN-13 条码前 9 位可在 中国商品信息服务平台 查询商品信息。

const qrModule = scanner.getQRCodeModule({
  formats: ['ean_13']
});

qrModule.on('scan', async (result) => {
  if (result.format === 'ean_13') {
    // 前 9 位可查询商品信息
    const productCode = result.text.substring(0, 9);
    console.log('商品编码:', productCode);
  }
});