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

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