条码读取控件Dynamsoft Barcode Reader，如何解码Aadhaar卡上的二维码信息-控件新闻-慧都网

条码读取控件Dynamsoft Barcode Reader，如何解码Aadhaar卡上的二维码信息

翻译|使用教程|编辑：莫成敏|2019-12-30 11:29:23.420|阅读 431 次

概述：本文分享了如何使用Dynamsoft JavaScript SDK创建一个简单的Web应用程序，来解码打印在Aadhaar卡上的二维码，以及如何从条形码结果中提取信息。

Dynamsoft Barcode Reader SDK一款多功能的条码读取控件，只需要几行代码就可以将条码读取功能嵌入到Web或桌面应用程序。这可以节省数月的开发时间和成本。能支持多种图像文件格式以及从摄像机或扫描仪获取的DIB格式。使用Dynamsoft Barcode Reader SDK，你可以创建强大且实用的条形码扫描仪软件，以满足你的业务需求。

点击下载Dynamsoft Barcode Reader SDK正式版

在印度，Aadhaar卡用于存储人们的生物特征和人口统计数据。本文分享了如何使用Dynamsoft JavaScript SDK创建一个简单的Web应用程序，来解码打印在Aadhaar卡上的二维码，以及如何从条形码结果中提取信息。

一个简单的Web应用程序，用于解码Aadhaar卡的二维码

通过NPM命令获取Dynamsoft JavaScript Barcode SDK：

npm i dynamsoft-javascript-barcode

或将CDN URL直接包含在HTML页面中：

<script src="//cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@7.2.2-v2/dist/dbr.js" data-productKeys="LICENSE-KEY"></script>

为了使SDK能够正常工作，您还需要获取有效的试用许可证，然后更新data-productKeys 属性。

创建一个index.html文件：

<!DOCTYPE html>
<html>
 
<body>
    <script src="//code.jquery.com/jquery-3.4.1.js"></script>
    <script src="//cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@7.2.3-v2/dist/dbr.js"
        data-productKeys="LICENSE-KEYscript>
    <input id="uploadImage" type="file" accept="image/bmp,image/jpeg,image/png,image/gif">
    <p id="results"></p>
 
    <script>
        document.getElementById('uploadImage').addEventListener('change', async function () {
            $("#results").empty();
            var files = this.files;
            let reader = await Dynamsoft.BarcodeReader.createInstance();
            let results = await reader.decode(files[0]);
            if (results.length == 0) {
                $("#results").append('No barcode detected!');
                return;
            }
            for (let result of results) {
                console.log(result.barcodeText);
            }
        });
    </script>
 
</body>
 
</html>

使用Web Server for Chrome托管HTML文件。上面的代码演示了如何使用HTML按钮加载Aadhaar卡的图像并解码相关的二维码。这是我从Google获得的示例结果：

<?xml version="1.0" encoding = "utf-8"?><PrintLetterBarcodeData uid="396244635778" name="Ranajit Mondal" gender="MALE" yob="1993" co="S/O: Ajoy Mondal" lm="" loc="" vtc="Dhobaghata Baman Chak" po="Satkhanda Sahebnagar" dist="Purba Medinipur" state="West Bengal" pc="721431" dob="25-12-1993"/>

下一步是从XML格式的结果中提取信息。一种简单的方法是使用jQuery parseXML（）函数，该函数将字符串解析为XML文档。根据上面的示例结果，我需要首先找到一个节点，然后输出其属性值。通过引用StackOverflow，我的代码编写如下：

for (let result of results) {
                console.log(result.barcodeText);
                try {
                    xmlDoc = $.parseXML(result.barcodeText),
 
                        $(xmlDoc).each(function (i, obj) {
                            console.log(i);
                            console.log(obj.documentElement.nodeName);
 
                            $data = $(xmlDoc).find(obj.documentElement.nodeName);
                            $data.each(function () {
 
                                $.each(this.attributes, function (i, attrib) {
                                    var name = attrib.name;
                                    var value = attrib.value;
 
                                    console.log(name);
                                    console.log(value);
 
                                    info = '<div>' + name + ': ' + value + '</div>';
                                    $("#results").append(info);
                                });
                            });
                        });
                } catch (error) {
                    $("#results").append(error.message);
                }
            }

如果QR结果的XML格式无效，请不要忘记使用try ... catch...。

尝试使用网络应用程序扫描Aadhaar卡。

条码读取控件Dynamsoft Barcode Reader，如何解码Aadhaar卡上的二维码信息