Dynamsoft Barcode Reader SDK一款多功能的条码读取控件，只需要几行代码就可以将条码读取功能嵌入到Web或桌面应用程序。这可以节省数月的开发时间和成本。能支持多种图像文件格式以及从摄像机或扫描仪获取的DIB格式。使用Dynamsoft Barcode Reader SDK，你可以创建强大且实用的条形码扫描仪软件，以满足你的业务需求。
Dynamsoft Barcode Reader SDK正式版
一个简单的Web应用程序，用于解码Aadhaar卡的二维码
通过NPM命令获取Dynamsoft JavaScript Barcode SDK：
npm i dynamsoft-javascript-barcode
或将CDN URL直接包含在HTML页面中：
<script src="https://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="https://code.jquery.com/jquery-3.4.1.js"></script> <script src="https://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获得的示例结果：
<ml version="1.0" encoding = "utf-8"gt;<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卡。
本教程内容到这里就结束了，大家可以继续关注我们了解更多文章资讯~您也可以下载该产品试用版免费体验~
想要购买产品正版授权，或了解更多产品信息请点击【咨询在线客服】
标签：
声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！