基於node.js實作二維碼的動態創建方法詳解-js教程-PHP中文網

基於node.js實作二維碼的動態創建方法詳解

巴扎黑

發布： 2017-08-15 10:10:36

原創

1853 人瀏覽過

這篇文章主要為大家詳細介紹了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);

});

登入後複製

以上是基於node.js實作二維碼的動態創建方法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！