quagga.min.js 条形码识别js插件,可以从照片,摄像头中实时识别条形码

quagga.min.js 条形码识别js插件,可以从照片,摄像头中实时识别条形码

quagga.min.js 条形码识别js插件,可以从照片,摄像头中实时识别条形码,支持EAN, CODE 128, CODE 39, EAN 8, UPC-A, UPC-C, I2of5, 2of5, CODE 93多种形式的条形码

第一步引入bfwone

第二步执行插件代码

示例如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            document.querySelector("#input").onchange = function() {
                var file = getObjectURL(document.querySelector("#input").files[0]);
                console.log(file);
                decode(file);

            }

        });

        function decode(src) {
            var config = {
                inputStream: {
                    size: 800,
                    singleChannel: false
                },
                locator: {
                    patchSize: "medium",
                    halfSample: true
                },
                decoder: {
                    readers: [{
                        format: "code_128_reader",
                        config: {}
                    }]
                },
                locate: true,
                src: src
            }
            use(["quagga.min"], function() {
                Quagga.decodeSingle(config, function(result) {
                    if (!result) {
                        alert("图片中没有条形码!");
                        return false;
                    }
                    //识别结果
                    if (result.codeResult) {
                        console.log("图片中的条形码为:"+result.codeResult.code);
                        alert("图片中的条形码为:" + result.codeResult.code);
                    } else {
                        alert("未识别到图片中的条形码!");
                    }
                });
            });

        }
        var getObjectURL = function(file) {
            var url = null;
            if (window.createObjectURL != undefined) {
                url = window.createObjectURL(file);
            } else if (window.URL != undefined) {
                url = window.URL.createObjectURL(file);
            } else if (window.webkitURL != undefined) {
                url = window.webkitURL.createObjectURL(file);
            }
            return url;
        };
    </script>
</head>
<body>
    <h4>选择一个条形码照片试试</h4>
    <input type="file" id="input" />
    <div id="result"></div>
</body>
</html>

官网地址 https://serratus.github.io/quaggaJS/
立即下载quagga.min.js查看所有js插件

网友评论0

程序员在线工具箱