使用JQuery生成二维码

最新推荐文章于 2024-07-27 18:57:02 发布

honey琛

最新推荐文章于 2024-07-27 18:57:02 发布

阅读量9.1k

点赞数 4

分类专栏：二维码文章标签： jquery 二维码

本文链接：https://blog.csdn.net/qq_29407009/article/details/52263247

版权

二维码专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在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

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

honey琛

关注

4
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
使用JQuery生成二维码

在github上有开源项目,地址:https://github.com/jeromeetienne/jquery-qrcode,大家可以自行下载步骤:选择jquery.qrcode.min.js,这个文件复制到web工程的js文件夹下既然是jquery,就少不了jquery.min.js,这个文件,复制到js文件夹下工程分布如下: 在index.jsp中代码:<%@ page content
复制链接

扫一扫

专栏目录