使用多输入生成二维码答案

【问题标题】：Using Multiple Input to Generate QR code使用多输入生成二维码
【发布时间】：2016-05-25 16:19:17
【问题描述】：

我目前正在使用此代码从一个输入字段生成二维码：（HTML 和 Javascript）我希望有多个输入，例如客人姓名、活动标题、活动日期、地点，以作为形成或生成二维码的一部分。请注意，活动名称和日期将填写一次，而客人姓名将填写多个，因为目标是为每位客人提供唯一的 QR 码。

所以最终结果应该是活动标题、日期和地点以及 QR 码将嵌入为 1 张照片。这可能吗？

谢谢 -塔尼姆

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>

【问题讨论】：

标签： javascript html

【解决方案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 个字符。

【讨论】：

实际上是输入信息，意思是用户自己输入。我试过你的代码，但是一旦我把它和二维码脚本结合起来，二维码图就消失了
如果你能得到我，我需要在视频中做这个：youtube.com/watch?v=-LMjceCl1k8

【解决方案2】：

使用二维码库https://www.npmjs.com/package/qrcode

var QRCode = require('qrcode')

let qrcod_url = await QRCode.toDataURL([
{ data: 'Confidential \n', mode: 'byte' },
{ data: `Date: ${moment(created_at).format('MM-DD-YYYY')}\n`, mode: 'byte'},
{ data: `Gender : ${customerGender}\n`, mode: 'byte' },
])

【讨论】：