SAPUI5如何从qrcode图像中解码qrcode

Question

如何从本地系统中可用的QRCode图像(jpg/png)中扫描QRCode数据。从UI5库我可以找到BarcodeScanner。使用下面的代码，我可以打开相机从我的设备和能够扫描条形码。

sap.ndc.BarcodeScanner.scan(
            function(mResult) {
                alert("We got a bar code\n" +
                    "Result: " + mResult.text + "\n" +
                    "Format: " + mResult.format + "\n" +
                    "Cancelled: " + mResult.cancelled);
            },
            function(Error) {
                alert("Scanning failed: " + Error);
            },
        );

但是如何解码QRCode图像数据呢？有人能帮帮我吗？

事先谢谢你

Answer 1

您可以使用这个库读取qr代码：https://github.com/LazarSoft/jsqrcode

在这个函数中，读取文件并将解码结果输出到div容器中。

function readFile(oFile) {
  var input = oFile.target;
  var reader = new FileReader();

  reader.onload = function() {
    var dataURL = reader.result;
    decodeImageFromBase64(dataURL, function(decodedInformation) {
      document.getElementById("output").innerHTML = decodedInformation;
    })
  };
  reader.readAsDataURL(input.files[0]);
}

在这个功能中，解码魔法就发生了。

function decodeImageFromBase64(data, callback) {
      qrcode.callback = callback;
      qrcode.decode(data)
    }