在线生成二维码

最新推荐文章于 2022-02-14 23:09:50 发布

苏紫紫

最新推荐文章于 2022-02-14 23:09:50 发布

阅读量384

点赞数

分类专栏：小案例

小案例专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
    <script type="text/javascript" src="//apps.bdimg.com/libs/jquery/1.11.3    /jquery.min.js"></script>
    <script src="//ku.shouce.ren/libs/qrcodejs/qrcode.min.js"></script>
</head>
<body>
    <div class="main">
        <div class="inwrap">
            <h1>QRCode 生成二维码</h1>
            <h2>API 接口</h2>
            <div class="example">
                <h3>makeCode(value)</h3>
                <div class="form">
                    <dl class="row">
                        <dt>输入内容</dt>
                        <dd><input type="text" id="qrcode_text" class="input"         size="30"></dd>
                    </dl>
                    <dl class="row">
                        <dt>预览</dt>
                        <dd><div id="qrcode"></div></dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
<script>
    (function () {
        var qrcode = new QRCode('qrcode');
        $('#qrcode_text').on('change', function () {
            qrcode.makeCode(this.value);
        });
    })();
</script>
</body>
</html>

苏紫紫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
在线生成二维码

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta content="text/html;charset=utf-8" http-equiv="Content-Type" /&gt; &lt;script type="text/javascript" src="//apps.bdimg.c
复制链接

扫一扫

专栏目录