二维码提取链接

这段代码实现了文件上传前的二维码识别功能,通过`qrcode-decoder`库解析图片中的二维码。当图片上传时,对每个文件进行二维码解码,成功则将识别内容添加到表单字段,失败则提示错误信息。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

import QrCode from 'qrcode-decoder';

beforeUpload(event) {

      let that = this;

      for (let i = 0; i < event.length; i++) {

        const result = that.getQrUrl(event[i].raw)

        result.then(res => {

          if (res.data) {

            that.ruleForm.fileObj+=event.length==1?res.data:res.data+'\n';

            // this.$message.success('识别二维码成功!')

            this.$refs.ruleForm.validateField("fileObj");

          } else {

            this.$message.error('识别二维码失败, 请重新上传')

          }

        }).catch(err => {

          this.$message.error(JSON.stringify(err))

        })

      }

    },

    getQrUrl(file) {

      const url = window.webkitURL.createObjectURL(file)||window.URL.createObjectURL(file)

      const qr = new QrCode()

      return qr.decodeFromImage(url)

    },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值