前端二维码解析

1. 安装插件npm install qrcode-decoder
2. 在页面中引用

<input
      type="file"
      id="upload"
      name="upload"
      style="display: none;"
      @change="changeLoad"
    />
    <div>
      <el-button @click="select">上传</el-button>
    </div>
    
methods:{
     changeLoad() {
        this.upExcel();
      },
      //按钮点击触发上传事件
      select() {
        var upload = document.getElementById("upload");
        upload.click();
      },
      //上传EXCEL
      async upExcel() {
        var File = document.getElementById("upload").files[0];
        var a=await this.getInfo(excelFile)
        console.log(a.data);  //二维码信息
      },
      getInfo(file) {
        var  url='';
        if (window.createObjectURL!=undefined) { // basic
          url = window.createObjectURL(file) ;
        } else if (window.URL!=undefined) { // mozilla(firefox)
          url = window.URL.createObjectURL(file) ;
        } else if (window.webkitURL!=undefined) { // webkit or chrome
          url = window.webkitURL.createObjectURL(file) ;
        }
        // 初始化
        const qrcode = new QrCode()
        // 解析二维码，返回promise
        return qrcode.decodeFromImage(url)
      },
}