2017-08-27 96 views
0

我正在使用this plugin創建QR碼。在QR碼中傳遞多個文本

它工作正常,但現在我需要在QR碼中傳遞多個值。

這是代碼。

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

</script> 

另一數據的示例。

userid: 234 
name: John 

正如你可以看到我的數據是內部文本:現在我需要傳遞的另一個數據。有什麼辦法可以做到這一點?

回答

0

如果您的意思是您想再次使用相同的標籤來創建具有新數據的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

如果你需要生成QR碼,我建議使用谷歌圖表API喜歡做這

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

將您的數據轉換爲字符串 - 例如 - json,並提供作爲新的文字v ALUE。

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

然後,在接收端,獲取字符串並將其轉換回您的數據對象。