1、引入jquery的两个js文件

<script src="../scripts/erweima/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../scripts/erweima/jquery.qrcode.min.js"></script>

2、准备一个展示二维码的div

<div id="output" style="margin:0px auto"></div>

3、生成二维码的js

$("#output").empty();
jQuery('#output').qrcode("二维码的内容");//二维码生成

生成后的二维码效果

4.二维码保存

因为二维码生成后使用的是H5的canvas标签展示在jsp页面,所以将二维码保存为图片也方便了很多。canvas提供了方法。

  
function download(){
   var data = $("canvas")[0].toDataURL().replace("image/png", "image/octet-stream;");//获取二维码值,并修改响应头部。
   var filename="tupian.png";//保存的图片名称和格式,canvas默认使用的png格式。这个格式效果最好。
var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
save_link.href = data;
save_link.download = filename; var event = document.createEvent('MouseEvents');
event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
save_link.dispatchEvent(event);
}

  

最新文章

  1. atom-shell程序打包
  2. 几何服务,cut功能,输入要素target(修改前)内容。
  3. JS包装对象
  4. AI(Adobe Illustrator)简单入门——米老鼠
  5. JavaScript基础——创建函数
  6. C#生成PDF总结
  7. CSS选择器介绍
  8. JS操作CSS样式
  9. Probably at least one of the constraints in the following list is one you don&#39;t want.
  10. ckedit 在源码模式下插入文本
  11. Asp.Net Core SignalR 用泛型Hub优雅的调用前端方法及传参
  12. python入门day01
  13. 为什么delete指针后指针设为null(已解答)
  14. sql的转义字符单引号
  15. 没搞懂的package.json
  16. C# 监听HTTP请求
  17. msp430及stm32中基本的C编程知识
  18. HTML5 浏览器返回按钮/手机返回按钮事件监听
  19. C# winform右击导入手机号码
  20. EasyMall 项目记录-环境搭建

热门文章

  1. Django Rest Framework源码剖析(七)-----分页
  2. 20155302《网络对抗》Exp9 Web安全基础
  3. 20155325 Exp2 后门原理与实践
  4. Aspose.Cells.dll的用法
  5. Hadoop日记Day11---主从节点接口分析
  6. [arc102E]Stop. Otherwise...[容斥+二项式定理]
  7. 使用C#创建WCF服务控制台应用程序
  8. JavaScript快速入门-ECMAScript函数
  9. 移动webapp的那些令你头疼的事
  10. nodejs安装及npm模块插件安装路径配置