/
read-an-image.html
77 lines (68 loc) · 3.11 KB
/
read-an-image.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta
name="description"
content="Read barcodes from an image in no time with Dynamsoft Barcode Reader."
/>
<meta name="keywords" content="barcode, image" />
<link
rel="canonical"
href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/read-an-image.html"
/>
<title>Dynamsoft Barcode Reader Sample - Hello World (Read an Image)</title>
<script src="https://cdn.jsdelivr.net/npm/dynamsoft-core@3.2.10/dist/core.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dynamsoft-license@3.2.10/dist/license.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader@10.2.10/dist/dbr.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-router@2.2.10/dist/cvr.js"></script>
</head>
<body>
<h1>Hello World (Read an Image)</h1>
<input type="file" accept=".jpg,.jpeg,.icon,.gif,.svg,.webp,.png,.bmp" />
<div id="div-result-container" style="margin-top: 6px"></div>
<script>
/** LICENSE ALERT - README
* To use the library, you need to first specify a license key using the API "initLicense()" as shown below.
*/
Dynamsoft.License.LicenseManager.initLicense(
"DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9"
);
/**
* You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days.
* Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
* For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=10.2.10&utm_source=github#specify-the-license or contact support@dynamsoft.com.
* LICENSE ALERT - THE END
*/
// Preload "BarcodeReader" module for reading barcodes. It will save time on the initial decoding by skipping the module loading.
Dynamsoft.Core.CoreModule.loadWasm(["DBR"]);
const input = document.querySelector("input");
const divResultContainer = document.querySelector(
"#div-result-container"
);
const pRouter = Dynamsoft.CVR.CaptureVisionRouter.createInstance();
input.onchange = async () => {
try {
if (!input.files[0]) return;
const router = await pRouter;
// Decode selected image with 'ReadBarcodes_SpeedFirst' template.
const result = await router.capture(
input.files[0],
"ReadBarcodes_SpeedFirst"
);
divResultContainer.innerText = "Result:\n";
for (let item of result.items) {
divResultContainer.innerText += item.text + "\n";
console.log(item.text);
}
if (!result.items.length) alert('No barcode found');
} catch (ex) {
let errMsg = ex.message || ex;
console.error(errMsg);
alert(errMsg);
}
};
</script>
</body>
</html>