nodejs動態(tài)創(chuàng)建二維碼的方法
更新時間:2017年08月12日 11:35:33 作者:Jade_g
這篇文章主要為大家詳細介紹了nodejs動態(tài)創(chuàng)建二維碼的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了nodejs動態(tài)創(chuàng)建二維碼的具體代碼,供大家參考,具體內容如下
<!--彈出二維碼-->
<div class="qrcode">
<div>
<p id="saoma">掃描二維碼</p>
</div>
</div>
js代碼:
$.ajax({
type: 'POST',
url: '/house',
data: {
data:'你的數據'
},
dataType: 'json',
success: function (data) {
if (data.code == 0) {
alert("成功");
$('#saoma').before('<img class="qrcode_show" src="/newQrCode?url='+ data.data +'"alt=""/>');
}else {
alert('失敗');
}
}
})
nodejs:
var express = require('express');
var request = require('request');
var url = require('url');
var qrImg = require('qr-image');
//生成二維碼
app.get('/newQrCode', function (req, res) {
var par = url.parse(req.url, true).query;
var thisUrl = par.url;
var thisParam = par.id;
var imgUrl = thisUrl + '?id=' + thisParam;
var img = qrImg.image(imgUrl, { size: 10 });
res.writeHead(200, { 'Content-Type': 'image/png' });
img.pipe(res);
});
var bodyParser = require('body-parser');
var urlencodeRarser = bodyParser.urlencoded({ extended: false });
app.post('/house',urlencodeRarser,function (req, res) {
var data = req.body;
var result = JSON.stringify({code:0, data:'http://www.baidu.com/&id=' + data.data});
//console.log(result)
res.end(result);
});
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- vue中實現(xiàn)動態(tài)生成二維碼的方法
- 一行Python代碼制作動態(tài)二維碼的實現(xiàn)
- 用python生成(動態(tài)彩色)二維碼的方法(使用myqr庫實現(xiàn))
- Python使用MyQR制作專屬動態(tài)彩色二維碼功能
- C#基于QRCode實現(xiàn)動態(tài)生成自定義二維碼圖片功能示例
- 微信小程序動態(tài)生成二維碼的實現(xiàn)代碼
- Android 動態(tài)加載二維碼視圖生成快照的示例
- Angular JS 生成動態(tài)二維碼的方法
- 使用jQuery.Qrcode插件在客戶端動態(tài)生成二維碼并添加自定義Logo
- JavaScript動態(tài)生成二維碼圖片
- three.js 制作動態(tài)二維碼的示例代碼
相關文章
Nodejs進階:基于express+multer的文件上傳實例
本篇文章主要介紹了基于express+multer的文件上傳實例,現(xiàn)在分享給大家,也給大家做個參考,感興趣的小伙伴們可以參考一下。2016-11-11
利用Node.js如何實現(xiàn)文件循環(huán)覆寫
這篇文章主要給大家介紹了關于利用Node.js如何實現(xiàn)文件循環(huán)覆寫的相關資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用Node.js具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧2019-04-04

