jQuery直接生成QRCode二维码

通过Composer安装Endroid\QR-Code或者TCPDF都可以在后台生成二维码，缺点是需要占用服务器端资源和带宽传递信息；二维码可以通过jQuery在本地直接生成二维码。

如下图所示： V2.6.0.png

第一步：下载jQuery QRCode

---

下载的网址：https://github.com/jeromeetienne/jquery-qrcode

V2.6.0A.png

下载后解压，复制文件夹内的 jquery.qrcode.min.js文件到项目中备用

第二步：页面中引用该文件

---

在引用jquery.qrcode.min.js前，还必须引用jquery.js文件先！

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

第三步：在页面中定位需要二维码的位置id

<!-- 需要放置QRCode二维码的位置 -->
<div id="qrcode" ></div>

第四步：添加jQuery代码生成二维码

<!-- javascript部分 -->
<script>
    $(document).ready(function(){
        $('#qrcode').qrcode({
            render: "canvas", //也可以替换为table
            width: 170,
            height: 170,
            foreground: "#C00",
            background: "#FFF",
            text: encodeURI("https://www.qq.com"), // 生成中文字符否则无需转码
            // src: $('#image').attr('src')   // 二维码中间的图片
        });
    });
</script>