正文

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

IP云
IP云V管理员/3 阅读
09/17
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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: "二维码信息"});