js二维码生成表单

一个可以通过编辑二维码内容来生成二维码图片的小工具

分类：表单代码 > 表单插件难易：入门级

查看演示下载资源下载积分： 15 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

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>