Question

我正在学习。我想尝试一个qrcode生成器项目。项目工作正常。我有两个小疑问。可以有人建议我，这会非常有帮助。谢谢你们。

1.如何保存生成的QR码图像？

2.如何设置数据输入限制？（我的意思是设置要在代码中输入的值的限制）

<!DOCTYPE html> 
<html lang="en">
<head>
     <title>QRCode generator </title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
     <script type="text/javascript" src="jquery.min.js"></script>
     <script type="text/javascript" src="qrcode.js"></script>
</head>

<body>
     <input id="text" type="string" value={"foo":"35"};  style="width:80%" /><br />
     <div id="qrcode" style="width:100px; height:100px; margin-top:20px;"></div>

     <script type="text/javascript">
     var qrcode = new QRCode(document.getElementById("qrcode"), {
        width: 150,
        height: 150,
        colorDark: "#1b1076",
        colorLight: "#ffffff",
     });

    function makeCode() {
        var elText = document.getElementById("text");

        if (!elText.value) {
            alert("Input a text");
            elText.focus();
            return;
        }

        qrcode.makeCode(elText.value);
    }

    makeCode();

    $("#text,#color").
    on("blur", function() {
        makeCode();
    }).
    on("keydown", function(e) {
        if (e.keyCode == 13) {
            makeCode();
        }
    });

   </script>
   </body>

如何保存生成的QR码图像？

0 个答案: