如何使用jquery.qrcode.js插件生成二維碼
阿新 • • 發佈:2017-12-11
hub 需要 gpo body 一個 type style 官方文檔 jsp
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插件生成二維碼