Maison > Article > interface Web > Explication détaillée de la méthode de création dynamique de code QR basée sur node.js

Explication détaillée de la méthode de création dynamique de code QR basée sur node.js

巴扎黑original: 2017-08-15 10:10:361896parcourir

Cet article présente principalement en détail la méthode de création dynamique de codes QR dans nodejs. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer

Les exemples de cet article partagent la dynamique de nodejs avec tout le monde. Le code pour créer le code QR est pour votre référence. Le contenu spécifique est le suivant

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

code 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);

});

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Analyser la façon dont les modules JavaScript sont chargésArticle suivant：Analyser la façon dont les modules JavaScript sont chargés

Articles Liés

Voir plus