使用JQuery生成二维码

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_29407009/article/details/52263247

在github上有开源项目,地址:https://github.com/jeromeetienne/jquery-qrcode,大家可以自行下载

步骤:

  • 选择jquery.qrcode.min.js,这个文件复制到web工程的js文件夹下
  • 既然是jquery,就少不了jquery.min.js,这个文件,复制到js文件夹下

工程分布如下:
这里写图片描述

在index.jsp中代码:

<%@ page contentType="text/html;charset=UTF-8" language="java"  %>
<html>
  <head>
    <title>生成二维码</title>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8">
    <script src="/js/jquery.min.js"></script>//两个js文件的顺序不能乱,
    <script src="/js/jquery.qrcode.min.js"></script>//这个是基于jquery开发的
  </head>
  <body>
  生成的二维码如下<br>
  <div id="qrcode"></div>
  <script>
    $('#qrcode').qrcode("www.baidu.com");
  </script>
  </body>
</html>

显示结果:
这里写图片描述

然后使用前面的解析二维码的代码解析二维码,结果显示:
解析结果:www.baidu.com
二维码格式类型QR_CODE
二维码文本内容:www.baidu.com

使用手机浏览器扫码,就可以跳到百度的首页!

阅读更多
换一批

没有更多推荐了,返回首页