> 웹 프론트엔드 > JS 튜토리얼 > node.js 기반의 QR 코드 동적 생성 방법에 대한 자세한 설명

node.js 기반의 QR 코드 동적 생성 방법에 대한 자세한 설명

巴扎黑
풀어 주다: 2017-08-15 10:10:36
원래의
1955명이 탐색했습니다.

이 글에서는 주로 nodejs를 사용하여 QR 코드를 동적으로 생성하는 방법을 자세히 소개합니다. 관심 있는 친구들이 참고할 수 있습니다.

이 글의 예제는 nodejs를 사용하여 QR 코드를 동적으로 생성하는 구체적인 방법을 공유합니다. 참고로 코드의 구체적인 내용은 다음과 같습니다


<!--弹出二维码-->
<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 기반의 QR 코드 동적 생성 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿