dbrjs-mass-samples/decode-RSA-id-card-edge.html at master · dynamsoft-rd-0/dbrjs-mass-samples · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>

    Choose image(s) to decode:
    <input id="ipt-file" type="file" multiple accept="image/png,image/jpeg,image/bmp,image/gif">
    <br><br>
    <button id="btn-show-scanner">show scanner</button>

<!-- Please visit https://www.dynamsoft.com/CustomerPortal/Portal/TrialLicense.aspx to get trial license. -->
<script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@7.4.0-v1/dist/dbr.js" data-productKeys="t0068NQAAABlxvk+uDgBP6Rfmzt0j5AeisEy+3bgyCpPqqJwDWjkGtz5kkDL2JLKwCvbgnylW8C5i2PNWU4Mh55lG3B4tAbk="></script>

<script>
    // Dynamsoft.BarcodeReader._bUseFullFeature = true; // Control of loading min wasm or full wasm.

    // reader for decoding picture
    let reader = null;
    // scanner for decoding video
    let scanner = null;

    // decode input picture
    document.getElementById('ipt-file').addEventListener('change', async function(){
        try{
            reader = reader || await Dynamsoft.BarcodeReader.createInstance();
            let runtimeSettings = await reader.getRuntimeSettings();
            runtimeSettings.barcodeFormatIds = Dynamsoft.EnumBarcodeFormat.BF_PDF417 | Dynamsoft.EnumBarcodeFormat.BF_QR_CODE | Dynamsoft.EnumBarcodeFormat.BF_ONED;
            await reader.updateRuntimeSettings(runtimeSettings);

            let resultsToAlert = [];
            for(let i = 0; i < this.files.length; ++i){
                let file = this.files[i];
                resultsToAlert.push(i + '. ' + file.name + ":");
                let results = await reader.decode(file);
                for(let result of results){
                    if(result.barcodeFormat == Dynamsoft.EnumBarcodeFormat.BF_PDF417){
                        let info = parseIDCard(result.barcodeText)
                        resultsToAlert.push(JSON.stringify(info,null,2));
                    }else{
                        resultsToAlert.push(result.barcodeText);
                    }
                }
            }
            alert(resultsToAlert.join('\n'));
        }catch(ex){
            alert(ex.message);
            throw ex;
        }
        this.value = '';
    });

    // decode video from camera
    document.getElementById('btn-show-scanner').addEventListener('click', async () => {
        try{
            scanner = scanner || await Dynamsoft.BarcodeScanner.createInstance();
            var runtimeSettings = await scanner.getRuntimeSettings();
            runtimeSettings.barcodeFormatIds = Dynamsoft.EnumBarcodeFormat.BF_PDF417 | Dynamsoft.EnumBarcodeFormat.BF_QR_CODE | Dynamsoft.EnumBarcodeFormat.BF_ONED;
            runtimeSettings.deblurLevel = 9;
            runtimeSettings.localizationModes = [2,4,0,0,0,0,0,0];
            // https://github.com/Microsoft/TypeScript/issues/29325
            await scanner.__proto__.__proto__.updateRuntimeSettings.apply(scanner, [runtimeSettings]);
            scanner.onFrameRead = results => {
                if(results.length){
                    console.log(results);
                }
            };
            scanner.onUnduplicatedRead = (txt, result) => {
                if(result.barcodeFormat == Dynamsoft.EnumBarcodeFormat.BF_PDF417){
                    let info = parseIDCard(txt)
                    alert(JSON.stringify(info,null,2));
                }else{
                    alert(txt);
                }
            };
            await scanner.show();
        }catch(ex){
            alert(ex.message);
            throw ex;
        }
    });

    let parseIDCard = txt => {
        let [surname, names, sex, nationality, identityNumber, dateOfBirth, countryOfBirth, citizenshipStatus, dateOfIssue, hiddenNumber, cardNumber] = txt.split('|', 11);
        identityNumber = parseInt(identityNumber);
        hiddenNumber = parseInt(hiddenNumber);
        cardNumber = parseInt(cardNumber);

        let info = {surname, names, sex, nationality, identityNumber, dateOfBirth, countryOfBirth, citizenshipStatus, dateOfIssue, hiddenNumber, cardNumber};
        console.log(info);
        return info;
    }
</script>
</body>
</html>