Read Barcode in browser from image element

browser-barcode-reader.js

var imageEl = document.getElementById("test_image"); // image element

// check compatibility
if (!("BarcodeDetector" in window)) {
  console.log("Barcode Detector is not supported by this browser.");
} else {
  console.log("Barcode Detector supported!");

  // create new detector
  var barcodeDetector = new BarcodeDetector(); // enable any supported barcode
  
  // read code from image element
  barcodeDetector
    .detect(imageEl)
    .then((barcodes) => {
      barcodes.forEach((barcode) => console.log(barcode.rawValue));
    })
    .catch((err) => {
      console.log(err);
    });

}