首页 > 文章 > web前端 > nodejs实现超简单生成二维码的方法

nodejs实现超简单生成二维码的方法

亚连原创: 2018-05-29 16:37:402580浏览

这篇文章主要介绍了nodejs实现超简单生成二维码的方法,结合实例形式分析了nodejs基于qr-image插件生成二维码的相关操作技巧,需要的朋友可以参考下

本文实例讲述了nodejs实现超简单生成二维码的方法。分享给大家供大家参考，具体如下：

一开始使用node-qrcode（https://github.com/soldair/node-qrcode），结果安装的时候需要安装python，且不支持python3.0以上，安装python2.0的时候又需要安装其他的环境，所以放弃了。

最后选择了一个小众的插件qr-image（https://github.com/alexeyten/qr-image）

前台页面如下

views/index.ejs

<!DOCTYPE html>
<html>
<head>
  <title><%= title %></title>
  <link rel=&#39;stylesheet&#39; href=&#39;/stylesheets/style.css&#39;/>
</head>
<body>
<h1><%= title %></h1>
<img src="/create_qrcode?text=http://blog.csdn.net/fo11ower"/>
</body>
</html>

后端代码：

routes/index.js

var qr = require(&#39;qr-image&#39;)
router.get(&#39;/&#39;, function (req, res, next) {
  res.render(&#39;index&#39;, {title: &#39;Express&#39;});
});
router.get(&#39;/create_qrcode&#39;, function (req, res, next) {
  var text = req.query.text;
  try {
    var img = qr.image(text,{size :10});
    res.writeHead(200, {&#39;Content-Type&#39;: &#39;image/png&#39;});
    img.pipe(res);
  } catch (e) {
    res.writeHead(414, {&#39;Content-Type&#39;: &#39;text/html&#39;});
    res.end(&#39;<h1>414 Request-URI Too Large</h1>&#39;);
  }
})

最后效果

上面是我整理给大家的，希望今后会对大家有帮助。

Vue.js 表单控件操作小结

spirngmvc js传递复杂json参数到controller的实例

JS获取url参数,JS发送json格式的POST请求方法

以上是nodejs实现超简单生成二维码的方法的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：nodejs+mongodb aggregate级联查询操作示例下一篇：解决vue页面DOM操作不生效的问题

查看更多