小锐技术blog 一个分析技术心得的地方

js生成二维码

下载qrcode的js插件


https://download.csdn.net/download/weixin_39735923/10653281


引入js


<script src="../plugins/jQuery/jquery-1.12.4.min.js"></script>

<script src="../plugins/jquery.qrcode.min.js"></script>

javascript代码:


    function getQrCode() {

        $("#ctl02_ContentPlaceHolder1_imgQrcode").qrcode({

            width: 100, //宽度

            height: 100, //高度

            text: "I love you."    //任意内容

        })

    }

html代码:


<div id="ctl02_ContentPlaceHolder1_imgQrcode">

</div>

完整代码:


<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

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

</head>

<body>

 

<div id="ctl02_ContentPlaceHolder1_imgQrcode">

</div>

 

<script src="../plugins/jQuery/jquery-1.12.4.min.js"></script>

<script src="../plugins/jquery.qrcode.min.js"></script>

<script>

    $(function () {

        getQrCode();

    })

    function getQrCode() {

        $("#ctl02_ContentPlaceHolder1_imgQrcode").qrcode({

            width: 100, //宽度

            height: 100, //高度

            text: "I love you."    //任意内容

        })

    }

</script>

 

</body>


</html>

留言列表
发表评论
来宾的头像