从ID获取URL

时间:2017-02-02 12:19:20

标签: javascript html

因此,我使用http://goqr.me/的API为我网站上的下载链接生成二维码,以便人们可以将内容直接下载到手机上。

然而,用户只能将下载链接输入到按钮,因为QRcode被硬编码到网站中,所以我想知道是否可以获取他们生成的按钮的URL并将其添加到QRcode生成器的API。

我最好使用javascript代替我使用的html API,但我对javascript不是很好。

一些示例代码:

用户提交的下载按钮:

<a href="http://www.example.com" id="QRcode">Download</a>

QRCODE:

<img src="https://api.qrserver.com/v1/create-qr-code/?data= #QRcode URL &size=115x115">

1 个答案:

答案 0 :(得分:0)

HTML部分:

<a href="http://www.example.com" id="QRcode" onclick="generateQrDownload(); return false;">Download</a>
<img id="qrImg" src="http://my_initial_url">

通过使用javascript,您可以从输入字段中获取值并通过在javascript中使用以下函数附加到您的网址

function generateQrDownload() {
    var url = 'https://api.qrserver.com/v1/create-qr-code/?data=' + document.getElementById('QRcode').href+ '&size=115x115';
    document.getElementById('qrImg').src = url;
}

希望这有帮助。