使用QuaggaJS - Javascript条形码扫描器

Question

我正在使用QuaggaJS。在主页上，它有其主要方法的基本描述，以及可下载zip中的示例html文件夹。我的问题是，其中一个例子叫做static_images.。这采用了图像src的扫描过程，但我不知道如何为它提供我指定的自定义src (示例HTML似乎使用了文件夹中预先设置的图像列表)。

我(在QuaggaJS git主页上)读到，Quagga.decodeSingle(配置，回调)方法做我想做的事情。

与上面描述的调用不同，此方法不依赖于getUserMedia，而是对单个映像进行操作。提供的回调与onDetected中的回调相同，并包含结果数据对象。

但我不知道如何将该方法实现到他的示例代码中。有人能指导我，并解释一下我如何在QuaggaJS (quagga/example/static_images.html/js)中实现这个方法吗？(quagga/example/static_images.html/js)

Answer 1

方法Quagga.decodeSingle将一个对象作为第一个参数(config)，该参数具有一个名为"src“的属性。您可以将您的src传递给此属性。

作者给出的示例是：

Quagga.decodeSingle({
          readers: ['code_128_reader'],
  locate: true, // try to locate the barcode in the image
  src: '/test/fixtures/code_128/image-001.jpg' // or 'data:image/jpg;base64,' + data
}, function(result){
  console.log(result);
});

其中readers属性指示该方法将只解码code_128条形码。您可以在这个数组中添加其他条形码类型，它们基本上是带有下划线的协议的名称，而不是末尾带有"_reader“的空格(例如，["code_128_reader", "code_39_reader", "code_39_vin_reader", "ean_reader", "ean_8_reader", "upc_reader", "upc_e_reader", "codabar_reader"])。