llqrcode.js 二维码识别js插件-BFW插件库

llqrcode.js 二维码识别js插件

第一步引入bfwone

第二步执行插件

示例如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFWONE.JS DEMO PAGE</title>
    <script src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script>
        bready(function() {
            use(["llqrcode"], function() {
                document.querySelector("#input").onchange = function() {
                    var file = getObjectURL(document.querySelector("#input").files[0]);
                    console.log(file);
                    var str = qrcode.decode(file);
                    console.log(str);
                    qrcode.callback = function(imgMsg) {
                        document.querySelector("#result").innerHTML ="识别内容"+ imgMsg;
                    }
                }

            });
        });
        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>

llqrcode.js 二维码识别js插件

网友评论0

packer.js

jspdf.js

jszip.js

doT.js

jqprint.js

art-template.js

pdfobject.js

json-viewer.js

mergely.js

currencyFormatter.js