我遇到了这个APIserver
生成 QRCode 但我想知道是否可以只使用 HTML 生成 QRcode 例如这就是我的想法
<input id="text" type="text" value="Please Enter Your NRIC or Work Permit" style="Width:20%"/>
<img src="https://api.qrserver.com/v1/create-qr-code/?data=HelloWorld&size=100x100" alt="" title="HELLO" />
在“标题”中,我相信您将在其中编写文本并生成二维码,我想知道如何创建一个文本框,以便我直接在网站上键入值。
你有想过这样的事情吗?https://jsfiddle.net/v7d6d1ps/ https://jsfiddle.net/v7d6d1ps/
您的 HTML 可以与您所拥有的类似,但添加了 onblur 事件。只有 HTML 无法做到这一点,所以我添加了 jQuery/JavaScript 组合。
<html>
<head>
<title>Testing QR code</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
function generateBarCode()
{
var nric = $('#text').val();
var url = 'https://api.qrserver.com/v1/create-qr-code/?data=' + nric + '&size=50x50';
$('#barcode').attr('src', url);
}
</script>
</head>
<body>
<input id="text" type="text"
value="NRIC or Work Permit" style="Width:20%"
onblur='generateBarCode();' />
<img id='barcode'
src="https://api.qrserver.com/v1/create-qr-code/?data=HelloWorld&size=100x100"
alt=""
title="HELLO"
width="50"
height="50" />
</body>
</html>
将其复制并粘贴到桌面上的 HTML 文件中。在文本框中输入 12345 并按 Tab 键。请注意,二维码将会更新。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)