Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung der dynamischen Erstellungsmethode von QR-Code basierend auf node.js

巴扎黑
Freigeben: 2017-08-15 10:10:36
Original
1887 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die Methode zum dynamischen Erstellen von QR-Codes in NodeJS vor. Es hat einen gewissen Referenzwert.

Die Beispiele in diesem Artikel teilen die NodeJS-Dynamik Der Code zum Erstellen des QR-Codes dient als Referenz. Der spezifische Inhalt lautet wie folgt:


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

js-Code:


$.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;);
     }
   }
})
Nach dem Login kopieren

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);
});
Nach dem Login kopieren


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

});
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der dynamischen Erstellungsmethode von QR-Code basierend auf node.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!