我为Nodejs使用qr-image
插件生成QR码,效果非常好。
问题是在ejs中显示结果图像。
var express = require('express');
var router = express.Router();
var qr = require('qr-image');
router.get('/', function(req, res) {
var code = qr.image("text to show in qr", { type: 'png', ec_level: 'H', size: 10, margin: 0 });
res.type('png');
code.pipe(res);
// res.render('index', { title: 'QR Page', qr: code });
});
当我取消注释最后一行时,nodejs崩溃了。
如何发送code
作为变量进行查看?
更新
此代码在结果页面中返回[object Object]
。
var code = qr.image("text to show in qr", { type: 'png', ec_level: 'H', size: 10, margin: 0 });
res.render('index', { title: 'QR Page', qr: code });
console.log(代码)也显示了这个:
{ _readableState:
{ highWaterMark: 16384,
buffer: [],
length: 0,
pipes: null,
pipesCount: 0,
flowing: false,
ended: false,
endEmitted: false,
reading: false,
calledRead: false,
sync: true,
needReadable: false,
emittedReadable: false,
readableListening: false,
objectMode: false,
defaultEncoding: 'utf8',
ranOut: false,
awaitDrain: 0,
readingMore: false,
decoder: null,
encoding: null },
readable: true,
domain: null,
_events: {},
_maxListeners: 10,
_read: [Function] }
答案 0 :(得分:7)
您正在尝试将渲染图像填充到模板引擎中;它不会起作用。
您应该在模板中有一个图像标记,指向一个响应图像的URL。
//根据评论进行编辑
router.get('/qr/:text', function(req,res){
var code = qr.image(req.params.text, { type: 'png', ec_level: 'H', size: 10, margin: 0 });
res.setHeader('Content-type', 'image/png');
code.pipe(res);
}
然后在你的html模板中,制作一个src设置为/qr/whatever text
的图像标签,你应该保持良好状态。