vue 二维码+条形码识别

需求及说明：

web端，识别图片中，二维码和条形码
识别信息可能有重叠需要合并后去重
二维码和条形码在同一张图片上（编写代码暂无冲突）

说明：二维码、条形码分开说明分析

二维码：

//使用npm安装qrcode-decoder
npm install qrcode-decoder --registry=https://registry.npm.taobao.org

// 引入qrcode-decoder  单独js文件或者写在当前使用文件都可（当前文件中需改为函数形式）
import QrCode from 'qrcode-decoder'// 传入file对象，返回promise
export function getQrUrl(file) {//使用这个方法或者下面被注释的方法设置浏览器读取文件方式，chrome和ie有效，其他浏览器没测试const URi = window.webkitURL.createObjectURL(file) ||  window.URL.createObjectURL(file)const url = URi// 初始化const qr = new QrCode()// 解析二维码，返回promisereturn qr.decodeFromImage(url)
}

 // 二维码识别  使用时触发的函数resolveQR(event) {const result =getQrUrl(event.file)result.then(res => {if (res.data) {console.log(res.data,'二维码内容')} else {console.log('识别二维码失败, 请重新上传')}}).catch(err => {console.log(JSON.stringify(err))})},

vue 二维码+条形码识别相关推荐

[软件工具][windows]pdf二维码条形码识别重命名工具使用教程
pdf二维码条形码识别重命名工具是一款专门用于识别pdf中的二维码或者条形码并将识别结果变成pdf名字,是目前全球首款用于识别pdf条码的软件,具有识别精度高.识别速度快等特点.接下来介绍这个软件使用 ...
OpenCV+Python二维码条形码识别
先上源码,github地址:https://github.com/DerrickRose25/Opencv_QRcode_recognition 环境:Pycharm .Python3.7 在pych ...
基于Python opencv实现车牌识别及二维码条形码识别系统附完整源码
完整代码:https://download.csdn.net/download/qq_38735017/87416699 原理简介车牌字符识别使用的算法是 opencv 的 SVM opencv 的 ...
77、基于STM32单片机的超市餐饮二维码/条形码摄像头识别结账扫码系统设计
毕设帮助.开题指导.技术解答(有偿)见文末. 目录摘要一.硬件方案二.设计功能三.实物图四.原理图五.PCB图六.程序源码七.资料包括摘要二维码识别系统是集数据采集,识别,以及显示 ...
基于opencv3.0和zbar下条形码和二维码的识别与解码
其中对条码与二维码的识别分为以下4个步骤 1. 利用opencv和Zbar(或者Zxing)对标准的条形码图片(即没有多余背景干扰,且图片没有倾斜)进行解码,将解码信息显示出来,并与原始信息对比. 2 ...
GM65条形码二维码扫描识别模块与STM32学习
目录模块介绍: 简介: 原理介绍: 工作流程: 技术参数: 修改配置: 代码介绍: 串口函数: 主函数: 模块介绍: 简介: GM65 条形码二维码扫描识别模块是一种基于激光扫描头的识别设备原理介 ...
python 识别二维码/条形码
python 识别二维码/条形码 1. 安装包 pip install -y pillow -i https://mirrors.aliyun.com/pypi/simple/ pip install ...
python opencv 条形码及二维码检测识别
目录条形码检测识别二维码检测识别基于python opencv pyzbar 实现. 条形码检测识别原图: 最后截取图: 直接上代码: import cv2 import numpy as n ...
zbar下条形码和二维码的识别与解码Ⅰ|2021SC@SDUSC
2021SC@SDUSC 对条码与二维码的识别分为以下4个步骤 1. 利用opencv和Zbar对标准的条形码图片(即没有多余背景干扰,且图片没有倾斜)进行解码,将解码信息显示出来,并与原始信息对比. ...

vue 二维码+条形码识别

需求及说明：

二维码：

vue 二维码+条形码识别相关推荐

最新文章

热门文章