码迷,mamicode.com
首页 > Web开发 > 详细

如何使用jquery.qrcode.js插件生成二维码

时间:2017-12-11 22:16:54      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:src   log   width   text   github   地址   生成二维码   class   pos   

1、首先需要准备 jquery.qrcode.js 和 jquery.js

github地址:https://github.com/lrsjng/jquery-qrcode

官方文档地址:http://larsjung.de/jquery-qrcode/

2、然后创建jsp页面,将js引入页面。(此处需要注意的的是顺序不能颠倒,必须是jquery.js先引入)

<script type="text/javascript"
    src="<%=request.getContextPath()%>/js/jquery.min.js"></script>
<script type="text/javascript"
    src="<%=request.getContextPath()%>/js/jquery.qrcode.min.js"></script>

3、创建一个div

<div id="qrcode"></div>

4、用如下js代码生成二维码(这段代码必须在div之后)

jQuery(‘#qrcode‘).qrcode("二维码的信息"); 

5、默认生成的二维码大小是 256×256,当然可以自定义大小

jQuery(‘#qrcode‘).qrcode({width: 64,height: 64,text: "二维码信息"});  

 

如何使用jquery.qrcode.js插件生成二维码

标签:src   log   width   text   github   地址   生成二维码   class   pos   

原文地址:http://www.cnblogs.com/syq816/p/8025118.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!