uni-app h5不支持扫码功能，那么能通过其他方式实现吗？

1***@qq.com

Trust - 少说废话

zzk

8***@qq.com

JakeWarthon

DCloud_heavensoft

7***@qq.com

zr12041019 - 个人学习

全栈工程师 - 精通mui、uniapp,承接相关项目外包,解决各种疑难问题。有任何问题可以随时联系，QQ：419761282

王彬涛 - 微尘

3***@qq.com

import jsQR from "jsqr";  

  scanCodeTest() {  
    // #ifndef H5  
    uni.scanCode({  
      success: function(res) {  
        console.log(JSON.stringify(res));  
      }  
    });  
    // #endif  
    // #ifdef H5  
    console.log("h5  scan");  
    const that = this;  
    uni.chooseImage({  
      count: 1, //默认9  
      sourceType: ["album"], //从相册选择  
      success: function(res) {  
        console.log(res);  
        const file = res.tempFiles[0];  

        if (window.FileReader) {  
          const fr = new FileReader();  
          fr.readAsDataURL(file);  
          fr.onloadend = function(e: any) {  
            const base64Data = e.target.result;  
            console.log("base64Data", base64Data);  
            that.base64ToUint8ClampedArray(base64Data, function(imageData) {  
              console.log("imageData", imageData);  

              const code = jsQR(  
                imageData.data,  
                imageData.width,  
                imageData.height  
              );  
              console.log("jsQR解析", code);  
            });  
          };  
        }  
      }  
    });  
    // #endif  
  }  
  base64ToUint8ClampedArray(base64, callback) {  
    const img = new Image();  
    img.src = base64;  

    img.onload = function() {  
      const canvas = document.createElement("canvas");  
      const ctx = canvas.getContext("2d");  

      if (ctx) {  
        canvas.height = img.height;  
        canvas.width = img.width;  
        ctx.drawImage(img, 0, 0);  
        const imageData = ctx.getImageData(0, 0, img.width, img.height);  
        callback(imageData);  
      }  
    };  
  }