nodejs动态创建二维码的方法


Posted in NodeJs onAugust 12, 2017

本文实例为大家分享了nodejs动态创建二维码的具体代码,供大家参考,具体内容如下

<!--弹出二维码-->
<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);

});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

NodeJs 相关文章推荐
nodejs文件操作模块FS(File System)常用函数简明总结
Jun 05 NodeJs
轻松创建nodejs服务器(3):代码模块化
Dec 18 NodeJs
浅谈NodeJS中require路径问题
May 07 NodeJs
Nodejs Express4.x开发框架随手笔记
Nov 23 NodeJs
NodeJs中express框架的send()方法简介
Jun 20 NodeJs
详解nodejs的express如何自动生成项目框架
Jul 12 NodeJs
Nodejs 复制文件/文件夹的方法
Aug 24 NodeJs
nodejs操作mongodb的填删改查模块的制作及引入实例
Jan 02 NodeJs
Nodejs 和 Electron ubuntu下快速安装过程
May 04 NodeJs
webstorm中配置nodejs环境及npm的实例
May 15 NodeJs
nodeJS进程管理器pm2的使用
Jan 09 NodeJs
nodejs二进制与Buffer的介绍与使用
Jul 11 NodeJs
理解nodejs的stream和pipe机制的原理和实现
Aug 12 #NodeJs
Windows下快速搭建NodeJS本地服务器的步骤
Aug 09 #NodeJs
让nodeJS支持ES6的词法----babel的安装和使用方法
Jul 31 #NodeJs
浅谈nodejs中的类定义和继承的套路
Jul 26 #NodeJs
nodejs之get/post请求的几种方式小结
Jul 26 #NodeJs
nodejs前端自动化构建环境的搭建
Jul 26 #NodeJs
nodejs body-parser 解析post数据实例
Jul 26 #NodeJs
You might like
php获取当前网址url并替换参数或网址的方法
2010/06/06 PHP
Laravel学习教程之从入口到输出过程详解
2017/08/27 PHP
php微信公众号开发之图片回复
2018/10/20 PHP
PHP大文件分割分片上传实现代码
2020/12/09 PHP
JQuery slideshow的一个小问题(如何发现及解决过程)
2013/02/06 Javascript
jquery学习总结(超级详细)
2014/09/04 Javascript
javascript实现点击商品列表checkbox实时统计金额的方法
2015/05/15 Javascript
详解javascript中的事件处理
2015/11/06 Javascript
基于JavaScript代码实现微信扫一扫下载APP
2015/12/30 Javascript
NodeJs的优势和适合开发的程序
2016/08/14 NodeJs
HTML页面定时跳转方法解析(2种任选)
2016/12/22 Javascript
angularJS 指令封装回到顶部示例详解
2017/01/22 Javascript
详谈Angular 2+ 的表单(一)之模板驱动型表单
2017/04/25 Javascript
Vue2路由动画效果的实现代码
2017/07/10 Javascript
VUE 配置vue-devtools调试工具及安装方法
2018/09/30 Javascript
小程序click-scroll组件设计
2019/06/18 Javascript
webpack自动打包和热更新的实现方法
2019/06/24 Javascript
vue.js 解决v-model让select默认选中不生效的问题
2020/07/28 Javascript
JavaScript实现简单动态表格
2020/12/02 Javascript
[03:14]辉夜杯主赛事 12月25日每日之星
2015/12/26 DOTA
[00:32]2018DOTA2亚洲邀请赛出场——VP
2018/04/04 DOTA
python删除列表中重复记录的方法
2015/04/28 Python
python用pickle模块实现“增删改查”的简易功能
2017/06/07 Python
Anaconda下配置python+opencv+contribx的实例讲解
2018/08/06 Python
对python中词典的values值的修改或新增KEY详解
2019/01/20 Python
python实现把二维列表变为一维列表的方法分析
2019/10/08 Python
Python列表倒序输出及其效率详解
2020/03/04 Python
Python实现加密接口测试方法步骤详解
2020/06/05 Python
使用PyWeChatSpy自动回复微信拍一拍功能的实现代码
2020/07/02 Python
钉钉企业内部H5微应用开发详解
2020/05/12 HTML / CSS
工地例会施工汇报材料
2014/08/22 职场文书
2014年小学工作总结
2014/11/26 职场文书
道德与公民自我评价
2015/03/09 职场文书
2015年人事科工作总结
2015/04/28 职场文书
关于@OnetoMany关系映射的排序问题,使用注解@OrderBy
2021/12/06 Java/Android
疑《守望先锋2》A测截图泄露 或将推出新模式、新界面
2022/04/03 其他游戏