彩票走势图

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

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

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

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卡上的二维码信息

本教程内容到这里就结束了,大家可以继续关注我们了解更多文章资讯~您也可以下载该产品试用版免费体验~


想要购买产品正版授权,或了解更多产品信息请点击

850×0.png


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP