JSbarcode无法呈现

时间:2019-04-02 17:02:29

标签: node.js express pug barcode jsbarcode

我试图在nodejs应用程序中创建一条路线,该路线图从玉模板上的objectId生成条形码。但是,由于我包含了路线并刷新,因此图像无法渲染。

我已经阅读了文档,并尝试了不同的方法,但仍无法呈现。

这是我的条形码.js

var express = require('express');
var router = express.Router();
var JsBarcode = require('jsbarcode');

router.get('/', function(req, res, next) {
res.render('barcode', { title: 'Barcode' });

JsBarcode("#barcode", "Hi!");


});

module.exports = router;

这是我的玉模板:

doctype html
html
    head
        title= title

 svg#barcode

当我刷新页面时,什么都没有显示(空白页面)

我想做的是先使图像渲染,然后最终添加更多逻辑。

1 个答案:

答案 0 :(得分:1)

res.render之后,您将没有任何代码行,因为该页面可以呈现。

按如下所述更改条形码.js文件

var express = require('express');
var router = express.Router();

router.get('/', function(req, res, next) {
  res.render('barcode', { title: 'barcode' });
});

module.exports = router;

按如下所述更改条形码.jade文件

doctype html
html
  head
    title= title
  body
    svg#barcode
    script(src="https://cdn.jsdelivr.net/npm/jsbarcode@3.8.0/dist/JsBarcode.all.min.js")
    script.
      JsBarcode("#barcode", "Hi!");

这应该在页面上为您提供条形码。然后,您可以考虑将ObjectId发送到jade文件,以生成新的条形码。