使用jquery生成二维码

最新推荐文章于 2022-02-13 11:45:00 发布

原创最新推荐文章于 2022-02-13 11:45:00 发布 · 213 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#使用jquery生成二维码

web前端专栏收录该内容

22 篇文章

订阅专栏

本文介绍如何使用jQuery插件jquery.qrcode生成二维码，包括必要的文件下载和引用，以及使用示例代码，展示了设置二维码的宽度、高度和指向的链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

说明；生成二维码的形式有很多，使用phpqrcode 可以生成二维码，但是jquery也是可以的：

代码如下：
jquery.qrcode下载地址：
https://gitee.com/itxkf/Commonly_used/tree/master

当然还需要：

jquery-3.2.1.min.js 下载地址:
https://gitee.com/itxkf/Commonly_used/tree/master/Jquery

<script src="./Public/js/jquery-3.2.1.min.js"></script>
<script src="./Public/lib/jquery.qrcode.min.js"></script>
html:
<div id="qrcode" style="display: none;text-align: center;">
	<div id="code"></div>
	<div>使用扫一扫完成支付</div>
</div>

js:
  $('#code').qrcode({
        width: 300,  //宽度
        height: 300,//高度
        text: url  //地址   返回的链接
  })