js自动实现读取二维码内容

  
  
  
  


  选择图片 
  

    
识别结果：
    
    
  


  $("body").append('')
  $("#pictureChange").change(function (e) {
    var file = e.target.files[0]
    if (window.FileReader) {
      var fr = new FileReader()
      fr.readAsDataURL(file)
      fr.onloadend = function (e) {
        var base64Data = e.target.result
        base64ToqR(base64Data)
      }
    }
  })
  function base64ToqR (data) {
    var c = document.getElementById("qrcanvas")
    var ctx = c.getContext("2d")
    var img = new Image()
    img.src = data
    img.onload = function () {
      $("#qrcanvas").attr("width", img.width)
      $("#qrcanvas").attr("height", img.height)
      ctx.drawImage(img, 0, 0, img.width, img.height)
      var imageData = ctx.getImageData(0, 0, img.width, img.height)
      const code = jsQR(imageData.data, imageData.width, imageData.height, {
        inversionAttempts: "dontInvert",
      })
      console.log(code.data, 'code.data')
      if (code) {
        showCode(code.data)
      } else {
        alert("识别错误")
      }
    }
  }
  function showCode (code) {
    $("#result").append("
" + code + "
")
  }

就解决了

————————————————

版权声明：本文为CSDN博主「ゎ       - 久然゜」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/weixin_42306796/article/details/128035002