jquery-qrcode生成二維碼

時間 2020-05-07

標籤 jquery qrcode 生成二維欄目 JQuery 简体版

原文原文鏈接

　　本文是學習慕課網課程《Java生成二維碼》（http://www.imooc.com/learn/531）的筆記。javascript

　　1、下載jquery-qrode文件html

　　　　下載網址：https://github.com/jeromeetienne/jquery-qrcodejava

　　2、jquery-qrode生成二維碼jquery

　　　　首先，將下載好的壓縮包解壓到指定文件夾，解壓後建議使用jquery.qrcode.min.js（壓縮過的），減小佔用大小，加快訪問速度。git

　　　　而後在新建的web項目webroot下新增文件夾js，將jquery.qrcode.min.js文件放在裏面，以及使用jquery時須要的jquery.min.js文件也放在此目錄下。github

　　　　建立qrcode.jsp，在頭部導入兩個js文件web

　　　　具體代碼以下：瀏覽器

 1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
 2 <%
 3 String path = request.getContextPath();  4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  5 %>
 6 
 7 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 8 <html>
 9   <head>
10       <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
11     <title>生成二維碼</title>
12     <script type="text/javascript" src="<%= request.getContextPath() %>/js/jquery-3.3.1.min.js"></script>
13     <script type="text/javascript" src="<%= request.getContextPath() %>/js/jquery.qrcode.min.js"></script>
14   </head>
15   
16   <body>
17     生成的二維碼以下： <br>
18     <div id="qrcode"></div>    
19     
20     <script type="text/javascript">
21  $("#qrcode").qrcode("www.baidu.com"); 22     </script>
23     
24   </body>
25 </html>