yushulx/aadhaar-card.html

## aadhaar-card.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="PRODUCT-KEY"></script>
    <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);
                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);
                }
            }
        });
    </script>

</body>

</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="PRODUCT-KEY"></script>
	<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);
	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);
	}
	}
	});
	</script>

	</body>

	</html>