jQuery二维码生成插件qrcode.js

 查看演示  website  立即下载

使用方法

1.脚本引用

<script type="text/javascript" src="./QRCode_files/qrcode.min.js"></script>

2.使用方法

<script type="text/javascript">
    //二维码内容
    var txtContent = document.getElementById("txtContent"),
        tips = document.getElementById("tips");
    // 设置 qrcode 参数
    var qrcode = new QRCode('qrcode', {
        text: '请输入二维码内容再生成图像',
        width: 256,
        height: 256,
        colorDark: '#000000',
        colorLight: '#ffffff',
        correctLevel: QRCode.CorrectLevel.H
    });
    //生成二维码图像
    function f_onCreateQrcode() {
        if (!txtContent) {
            return false;
        } else {
            if (!txtContent.value) {
                tips.innerHTML = "！请填写<strong>二维码内容</strong>再提交生成";
            } else {
                // 使用 API
                qrcode.clear();
                tips.innerHTML = "";
                qrcode.makeCode(txtContent.value);
            }
            return false;
        }
    }
    //清除二维码内容
    function f_onClearQrcode() {
        if (txtContent) {
            txtContent.value = "";
            // 使用 API
            qrcode.clear();
            qrcode.makeCode('请输入二维码内容再生成图像');
        }
    }
</script>

PREVIOUS:
NEXT:
jQuery滚动监听(原创)
jQuery css3配合实现状态手风琴