cari

Rumah >hujung hadapan web >tutorial js >基于node.js实现二维码的动态创建方法详解

基于node.js实现二维码的动态创建方法详解

巴扎黑
巴扎黑asal
2017-08-15 10:10:361949semak imbas

这篇文章主要为大家详细介绍了nodejs动态创建二维码的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了nodejs动态创建二维码的具体代码，供大家参考，具体内容如下


<!--弹出二维码-->
<p class="qrcode">
  <p>
    <p id="saoma">扫描二维码</p>
  </p>
</p>

js代码：


$.ajax({
   type: &#39;POST&#39;,
   url: &#39;/house&#39;,
   data: {
     data:&#39;你的数据&#39;
   },
   dataType: &#39;json&#39;,
   success: function (data) {
     if (data.code == 0) {
        alert("成功");
        $(&#39;#saoma&#39;).before(&#39;<img class="qrcode_show" src="/newQrCode?url=&#39;+ data.data +&#39;"alt=""/>&#39;);       
     }else {
        alert(&#39;失败&#39;);
     }
   }
})

nodejs:


var express = require(&#39;express&#39;);
var request = require(&#39;request&#39;);
var url = require(&#39;url&#39;);
var qrImg = require(&#39;qr-image&#39;);

//生成二维码
app.get(&#39;/newQrCode&#39;, function (req, res) {
  var par = url.parse(req.url, true).query;
  var thisUrl = par.url;
  var thisParam = par.id;
  var imgUrl = thisUrl + &#39;?id=&#39; + thisParam;
  var img = qrImg.image(imgUrl, { size: 10 });
  res.writeHead(200, { &#39;Content-Type&#39;: &#39;image/png&#39; });
  img.pipe(res);
});


var bodyParser = require(&#39;body-parser&#39;);
var urlencodeRarser = bodyParser.urlencoded({ extended: false });
app.post(&#39;/house&#39;,urlencodeRarser,function (req, res) {
  var data = req.body;
  var result = JSON.stringify({code:0, data:&#39;http://www.baidu.com/&id=&#39; + data.data});
  //console.log(result)
  res.end(result);

});

Atas ialah kandungan terperinci 基于node.js实现二维码的动态创建方法详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：解析JavaScript模块的加载方式Artikel seterusnya：Node.js pipe()方法介绍

Artikel berkaitan

Lihat lagi