Question

我正在使用this plugin创建二维码。

工作正常，但现在我需要在QR码中传递多个值。

这是代码。

<script>
 $('#qrcode').qrcode({width: 340,height: 300,text: "this is a test value."});

</script>

其他数据的示例。

    userid: 234
name: John

正如您所看到的，我的数据位于 text：内部，我需要传递其他数据。有什么方法可以实现这个目标吗？

Answer 1

您可以将\ n用于新行，例如： $（'＃qrcode'）。qrcode（{width：340，height：300，text：“第一行\ n新行”}）;

Answer 2

如果您的意思是想再次使用相同的标签来创建包含新数据的QR码。

您可以在

等元素上使用$('#qrcode').empty()来完成此操作

$('#qrcode').qrcode({width: 340,height: 300,text: "this is a test value."});
$('#qrcode').empty();
$('#qrcode').qrcode({width: 340,height: 300,text: "this is another test value."});

查看我制作的这个样本 https://jsbin.com/kotukuqoqi/edit?html,console,output

如果您需要生成二维码，我建议您使用谷歌图表API这样

function createQrCode(text)
{
  $("#new-qrcode").html('<img src="https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl={0}"/>'.format(encodeURIComponent(text)));
}

Answer 3

将数据转换为字符串 - 例如json - 并将其作为新文本值提供。

$('#qrcode').qrcode({width: 340, height: 300, text: '{"userid": 234, "name": "John"}'})

然后，在接收端，获取字符串并将其转换回数据对象。

在QR码中传递多个文本

3 个答案: