qr-decode

解密/识别 QRCode码

说明: 主要的二维码识别代码整理自 jsqrcode;

修改点:

1. 模块化
2. 剥离识别函数,改成适合服务端使用,但入参数还是保留为ImageData

关于 ImageData

Canvas 中可以用 ctx.getImageData 方法得到;

如果你不想亲自把图片转为 ImageData, 根据你你的项目, 请使用这两个JS:

• browser.js 浏览器项目 有两个API decodeByUrl, decodeByDom
• server.js 服务端项目 提供两个API decodeByPath, decodeByBuffer

服务端当前支持 bmp , jpg , png , gif 格式;

install

npm i qr-decode

import

var qrDecode = require('qr-decode');
//web
var qr_web = require('qr-decode/browser')
//node
var qr_node = require('qr-decode/server')
 
var text = qrDecode(dataImage);

浏览器直接引用请使用 ./dist 目录下的文件

demo

web

web端最终是利用Canvas获取ImageData, 注意兼容及跨域问题

var qrDecode = require('qr-decode/browser');
// 传入二维码图片URL/dataURL
qrDecode.decodeByUrl(src, function (err, txt) {
    if (err) { return console.log(err);}	
    alert(txt);
})
 
// 传入DOM可以画到canvas的dom都可以 `img` `canvas` 'video' 等
var img = document.getElementById('img1');
qrDecode.decodeByDom(img, function (err, txt) {
    if (err) { return console.log(err);}	
    alert(txt);
})

nodejs

注意: 服务器端API是以 promise 返回结果, 你注意你的node版本;

//解析文件
var qrDecode = require('qr-decode/server');
qrDecode.decodeByPath('xx/code.jpg').then(function(val){
    console.log(val);
},console.error.bind(console))
 
//解析Buffer
fs.readFile(path, function (err, buffer) {
    if (err) { return rej(err) }
    qrDecode.decodeByBuffer(buffer);
})