使用js生产二维码

最新推荐文章于 2024-08-13 21:31:15 发布

java落

最新推荐文章于 2024-08-13 21:31:15 发布

阅读量431

点赞数

分类专栏： js 文章标签： js 二维码

本文链接：https://blog.csdn.net/u011151444/article/details/53908165

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

源码下载地址：http://download.csdn.net/detail/u011151444/9723429

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <title>Android-Jenkins by Dfy</title>
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">


    <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../lib/qcode.js"></script>
</head>
<body>


<div class="container">
    <div class="panel panel-primary" style="margin-top: 50px;">
        <div class="panel-body">
            <table class="table table-bordered">
                <tr>
                    <td>输入任意地址：<input type="text" id="content" /></td>
                    <td><a href="javascript:show()">生成二扫码</a></td>
                </tr>
            </table>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">×</span></button>
                <h4 class="modal-title">用手机扫描下载</h4>
            </div>
            <div class="modal-body" style="padding: 30px;">
                <div id="code" align="center"></div>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<script>
    function show() {
        $('#myModal').modal('show');
        $('#code').empty();
        $('#code').qrcode($('#content').val()); //任意字符串
    }


</script>
</body>
</html>