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

一、首先須要準備 jquery.qrcode.js 和 jquery.jsjavascript

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

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

二、而後建立jsp頁面,將js引入頁面。(此處須要注意的的是順序不能顛倒,必須是jquery.js先引入)git

<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>

三、建立一個divgithub

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

四、用以下js代碼生成二維碼(這段代碼必須在div以後)jsp

jQuery('#qrcode').qrcode("二維碼的信息"); 

五、默認生成的二維碼大小是 256×256,固然能夠自定義大小spa

jQuery('#qrcode').qrcode({width: 64,height: 64,text: "二維碼信息"});  
相關文章
相關標籤/搜索