javascript生成二维码

最新推荐文章于 2024-08-15 22:40:53 发布

前端--小蔡

最新推荐文章于 2024-08-15 22:40:53 发布

阅读量365

点赞数 1

分类专栏： web前端文章标签： javascript 二维码脚本 qr

本文链接：https://blog.csdn.net/qq_16577739/article/details/50095225

版权

web前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

javascript生成二维码

首先要引入
http://www.luqidong.com/demo/qrcode/js/qrcode.js
这个脚本

调用方法：

var qrcode = new QRCode(document.getElementById("qrcode"),{
            width:96,
            height:100
        })
 qrcode.makeCode("http://www.baidu.com");

例子：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8"/>
    <!-- jquery的js -->
    <script type="text/javascript" src="./jq.js"></script>
    <!-- qrcodejs -->
    <script src="./qr.js"></script>
    <style>
        #qrcode{
            text-align: center;
            display: table-cell;
            width: 96px;
            height: 96px;
            vertical-align:middle;
            position: relative;
        }
    </style>
</head>
<body>
<div id="qrcode">
</div>

<input type="text" id="getval"/> <button id="send">点击更换验证码</button>
<script>
    $(function(){
        var qrcode = new QRCode(document.getElementById("qrcode"),{
            width:96,
            height:100
        })
        qrcode.makeCode("http://www.baidu.com");
        $('#send').click(function(){
            qrcode.makeCode($('#getval').val());
        })
    })
</script>
</body>
</html>

例子下载：

js二维码例子下载

前端--小蔡

关注

1
点赞
踩
1

收藏

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

javascript生成二维码首先要引入 http://www.luqidong.com/demo/qrcode/js/qrcode.js 这个脚本调用方法：var qrcode = new QRCode(document.getElementById("qrcode"),{ width:96, height:100 }) qr
复制链接

扫一扫