1. 程式人生 > >如何使用jquery.qrcode.js插件生成二維碼

如何使用jquery.qrcode.js插件生成二維碼

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插件生成二維碼