Google图表生成的QR码存在问题

时间:2019-01-28 09:04:35

标签: javascript url google-visualization qr-code

我正在生成包含指向我的网站URL的QR码。除了URL,我还必须向页面传递一些数据。作为传统方法,我在网站网址后附加了#和数据

例如:http://www.testing1234.com#myTestingData

然后使用Google图表将url(string)转换为QR码。但是在此过程中,仅为字符串http://www.testing1234.com生成QR码。 '#'之后写的内容在生成QR码时无法读取

我正在关注Google Infographics文档 我尝试过的是

var cert_link = "http://www.testing1234.com#myTestingData";
var qr = "https://chart.googleapis.com/chart?chs=350x350&cht=qr&chl="+cert_link;

我期望输出带有完整字符串cert_link的QR码。但是我得到的是只有数据"http://www.testing1234.com"

的QR码

我不明白我在这里想念的是什么。如何解决呢?还是为此有其他替代解决方案? 预先感谢

1 个答案:

答案 0 :(得分:2)

您需要将#编码为%23

在JavaScript中,使用encodeURIComponent()

var cert_link = encodeURIComponent("http://www.testing1234.com#myTestingData");
var qr = "https://chart.googleapis.com/chart?chs=350x350&cht=qr&chl="+cert_link+";

这将使您的链接变成http%3A%2F%2Fwww.testing1234.com%23myTestingData,Google将能够从中生成QR码。