qrcode（3）：jquery-qrcode生成二维码

1、jquery.qrcode.min.js获取地址https://github.com/jeromeetienne/jquery-qrcode2、引入页面2.1引入依赖<script type="text/javascript" src ="./js/jquery.min.js"></script><script type="text/javascript" src

不死鸟.亚历山大.狼崽子

1257人浏览 · 2022-05-23 23:29:34

不死鸟.亚历山大.狼崽子 · 2022-05-23 23:29:34 发布

1、jquery.qrcode.min.js获取地址

https://github.com/jeromeetienne/jquery-qrcode

2、引入页面

2.1引入依赖

<script type="text/javascript" src ="./js/jquery.min.js"></script>
<script type="text/javascript" src ="./js/jquery.qrcode.min.js"></script>

2.2创建一个包含生成的二维码图像的 DOM 元素

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

2.3然后你在这个容器中添加二维码

jquery('#qrcode').qrcode({width: 64,height: 64,text: "二维码内容"});

注意：

生成二维码的方法必须写在生成的二维码图像的DOM元素后面，不然无法识别，如下图。

完整代码如下：

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>生成二维码</title>



<script type="text/javascript" src ="./js/jquery.min.js"></script>

<script type="text/javascript" src ="./js/jquery.qrcode.min.js"></script>

</head>

<body>

生成的二维码如下：<br>


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

<script type="text/javascript">

jQuery('#qrcode').qrcode({width: 250, height: 250,text: "https://blog.csdn.net/u013938578?spm=1011.2415.3001.5343"});

</script>



</body>

</html>

效果如下：