Question

我目前正在从一个输入字段使用此代码生成QR代码：（HTML和Javascript）我希望有多个输入，如访客姓名，事件标题，事件日期，位置，作为形成或生成QR代码的一部分。请注意，事件标题和日期将被填充一次，而访客姓名将是多个，因为目标是每个访客具有唯一的QR码。

因此，最终结果应该是事件标题，日期和位置以及QR码将被嵌入为1张照片。这可能吗？

由于 -Tarneem

var qrcode = new QRCode("qrcode");

function makeCode () {      
    var elText = document.getElementById("text");
    
    if (!elText.value) {
        elText.focus();
        return;
    }
    
    qrcode.makeCode(elText.value);
}

makeCode();

$("#text").
    on("blur", function () {
        makeCode();
    }).
    on("keydown", function (e) {
        if (e.keyCode == 13) {
            makeCode();
        }
    });

                  <input id="text" type="text" placeholder="Enter guest name"  class="contactField" /><br />
 <div id="qrcode" ></div>

Answer 1

是的，实际上非常简单，只需将它们连接起来：

var location = 'exampleLocation';
// Some other information or methods how you get the info here 

var qrCodeString = location+ ', ' +$('#name').val();
qrcode.makeCode(elText.value( qrCodeString );

您的代码并未显示您从何处获取位置和事件信息，但您只需将其添加到QR生成器即可。 According to this answer你可以在字符串的最大长度上拥有大约4.000个字符。

使用多输入生成QR码

1 个答案: