超简单的js实时生成二维码

最新推荐文章于 2025-04-23 17:09:13 发布

前端陈伟霆

最新推荐文章于 2025-04-23 17:09:13 发布

阅读量823

点赞数

分类专栏： js 文章标签： js javascript jquery

本文链接：https://blog.youkuaiyun.com/weixin_43927397/article/details/105862617

版权

js 专栏收录该内容

6 篇文章

订阅专栏

摘要

在实际项目中我们肯定经常会遇到把链接生成二维码用于推广的情况，所以今天小篇就给大家分享一个简单的js生成二维码

引入qrcode.min.js:
<script type="text/javascript" src="http://static.runoob.com/assets/qrcode/qrcode.min.js"></script>

示例代码
<div id="qrcode" class="qrcode"></div>

//生成二维码
function makeCode() {
      var ccbId="123456";
      var organizationNum=“654321”
      var codeUrl=https://blog.youkuaiyun.com/weixin_43927397/article/details/105658614?ccbId="+ccbId+"&organizationNum="+organizationNum;

      var qrcode = new QRCode(document.getElementById("qrcode"), {
          width: 220,
          height: 220,
          /*colorDark: "pink",*/      //前景色
          /*colorLight: "red",*/   //背景色

      });

      console.log(codeUrl)

      qrcode.makeCode(codeUrl);
  }
  makeCode();

可参考：http://code.ciaoca.com/javascript/qrcode/.