javascript - Nodejs - qr 图像无法正确加载

Question

我使用了这个问题的答案 Nodejs - How to show qr-image result in view

服务器端我得到:

var express = require('express');
var router = express.Router();
var qr = require('qr-image');

router.get('/qrimage/:text', function(req,res){
  var code = qr.image(req.params.text, { type: 'png'});
  res.setHeader('Content-type', 'image/png');
  res.pipe(code);
  res.end();
});

使用 jQuery 的客户端:

var thisUserName = 'bobby';
$.get('/users/qrimage/'+ thisUserName);
var img = $("<img />").attr('src', 'users/qrimage/'+ thisUserName).load(function() {
        $("#qrim").replaceWith(img);
});

当您单击链接时，将执行客户端代码。我的问题是浏览器得到一些东西，但图像没有正确显示。

点击控制台:

GET /users/qrimage/bobby 200 67.484 ms - -

Answer 1

qr.image() 返回一个可读流。你试图通过管道传递你的回应，而不是相反。试试这个:

router.get('/qrimage/:text', function(req,res){
  var code = qr.image(req.params.text, { type: 'png'});
  res.setHeader('Content-Type', 'image/png');
  code.pipe(res);
});