翻譯|使用教程|編輯:莫成敏|2019-12-30 11:29:23.420|閱讀 472 次
概述:本文分享了如何使用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卡。
本教程內容到這里就結束了,大家可以繼續關注我們了解更多文章資訊~您也可以下載該產品試用版免費體驗~
想要購買產品正版授權,或了解更多產品信息請點擊
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自: