二维码生成插件 jquery.qrcode.min.js 使用实例

jquery.qrcode.min.js 插件下载

页面使用demo

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="imgDiv">

</div>

<script th:src="@{/static/js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/jquery.qrcode.min.js}"></script>
<script type="text/javascript">
    function qrcodeImg() {
        $("#imgDiv").html('<div id="qrcodeImg" class="img-responsive"></div>');
        $('#qrcodeImg').qrcode({
            //二维码生成方式 table/canvas
            render: "canvas",
            //前景色
            foreground: "#C00",
            //背景色
            background: "#FFF",
            //指定宽
            width: 160,
            //指定高
            height: 160,
            //二维码地址
            text:'http://www.baidu.com'
        });
    }

    $(function(){
        qrcodeImg();
    })

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

使用效果