生成二维码（jquery.qrcode.min.js插件）

时间：2021-03-24 19:55:26

生成二维码：参看GitHub资源https://github.com/jeromeetienne/jquery-qrcode

直接上代码：（都需要引入jQuery.js  1、引入（jquery.qrcode.min.js）或者引入下边两个文件（jquery.qrcode.js和qrcode.js））

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

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

        <!--都需要引入jQuery.js文件-->

        <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

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

        <!--引入上边一个文件（jquery.qrcode.min.js）或者引入下边两个文件（jquery.qrcode.js和qrcode.js）-->

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

        <script src="js/qrcode/qrcode.js"></script>

        <style>

        body{

            text-align: center;

        }

        #qrcode{

            margin:100px auto;

        }

        #text{

            width: 400px;height: 200px;

            border:1px solid #ccc;

        }

        </style>

    </head>

    <body>

        <input type="text" id="text" placeholder="请输入要生成二维码的文本">

        <input type="button" id="create" value="生成二维码">

        <br>

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

        <script type="text/javascript">

            $('#create').click(function(){

                    $('#qrcode').html('').qrcode({

                        text: $('#text').val()

                    });

            })

        </script>

    </body>

</html>

文件路径

相关文章