js扫描二维码如何解析取到的二维码信息

Question

js调用摄像头扫描二维码之后，将返回的值用alert弹出来是[objectHTMLInputElement]，请问该怎么解析返回的值。
（二维码扫描出来是一个数组，需要取其中一个字段的值）

function qrcodeScan(){
    window.MobileAPI.barcodeScan(idcard);
    alert("进入方法"+idcard);

Answer 1

努力の小熊参考Chatgpt做出的回答：
从代码中可以看出，window.MobileAPI.barcodeScan(idcard) 调用了移动设备的摄像头扫描二维码，并将扫描结果存储在 idcard 变量中。但是，在调用 alert 弹窗时，如果将 idcard 直接作为参数传入，就会以字符串形式输出对象信息，导致输出结果为 [object HTMLInputElement]。

要获取二维码扫描结果并进行解析，可以通过以下两种方式实现：

1.使用回调函数。将 qrcodeScan 函数修改为带有回调函数的形式，当扫描完成后会执行回调函数，并将二维码扫描结果作为参数传递给回调函数。示例如下：

function qrcodeScan(callback) {
  window.MobileAPI.barcodeScan(function(result) {
    callback(result);
  });
}

// 使用示例
qrcodeScan(function(result) {
  // 解析 result 数据并进行处理，这里假设 result 是一个 JSON 对象
  var data = JSON.parse(result);
  console.log(data.field);  // 输出字段 field 的值
});

2.使用全局变量保存扫描结果。将 idcard 定义为全局变量，扫描完成后将二维码扫描结果赋值给该变量，然后在需要使用该结果的地方直接访问该全局变量即可。示例如下：

var idcard;  // 定义全局变量 idcard

function qrcodeScan() {
  window.MobileAPI.barcodeScan(function(result) {
    idcard = result;  // 将扫描结果赋值给全局变量 idcard
  });
}

// 在需要使用二维码扫描结果的地方直接访问全局变量 idcard 进行解析处理
console.log(idcard.field);  // 输出字段 field 的值

注意：使用全局变量存在多个函数共享一个变量的风险，需要注意数据安全和变量命名冲突等问题。建议使用第一种回调函数方式实现。