jQuery生成QRcode二维码

jQuery生成QRcode二维码示例

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

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

</head>

<body>

    <!-- 存放二维码 -->

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

    <!-- 存放二维码 -->

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

    <!-- 引入jQuery文件 -->

    <script src="https://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>

    <!-- 引入jQuery.qrcode文件 -->

    <script src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>

    <script>

    //第一种方法

    $('#qrcode-1').qrcode("This is the first method");

    //第二种方法

    $('#qrcode-2').qrcode({

      width: 128,    //二维码宽度

      height: 128,   //二维码高度

      text: "This is the second method"      //字符串内容

    });

</script>

</body>

</html>

本文链接：https://www.cnblogs.com/connect/p/web-jquery-qrcode.html

秒客网

jQuery生成QRcode二维码

相关文章