使用quaggaJS识别图片中的条形码

使用quaggaJS识别图片中的条形码

quaggaJS是一个纯JS的插件，用于识别图片中的条形码，很方便。一般用于移动端拍照识别，也可以在网页端上传图片识别。

github下载地址 

首先要指定正确格式的条形码，常见的条形码编码类型有EAN和CODE128。

另外，并不是所有图片中的条形码都可以被识别出来，而且正确率也不是100%。

下面是识别网页上传图片中条码的方法。

    
    



 

   

     
        识别
   
 
 

运行效果

补充：上面的代码主要是参考了官方的demo，后来又按自己的习惯写了一遍，也贴上来。运行效果是一样的。

    
    



 

   

     
        识别
   
 
 

 另外，如果不是文件上传的话，可以传图片的url进行识别。

   function decode(img_url) {
            var config = {
                readers: ["code_128_reader"],
                locate: true,
                src : img_url
            }
            Quagga.decodeSingle(config, function (result) {
                console.log("decoding...");
                if (!result) {
                    console.log("图片中没有条形码！");
                    return false;
                }
                //识别结果
                if (result.codeResult) {
                    console.log("图片中的条形码为：" + result.codeResult.code);
                } else {
                    console.log("未识别到图片中的条形码！");
                }
            });
        }