qr-decode
解密/识别 QRCode码
说明: 主要的二维码识别代码整理自 jsqrcode;
修改点:
- 模块化
- 剥离识别函数,改成适合服务端使用,但入参数还是保留为ImageData
关于 ImageData
Canvas中可以用ctx.getImageData方法得到;
如果你不想亲自把图片转为 ImageData, 根据你你的项目, 请使用这两个JS:
-
browser.js浏览器项目 有两个APIdecodeByUrl,decodeByDom -
server.js服务端项目 提供两个APIdecodeByPath,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);
})
