js 中的二维码生成器

问题描述 投票:0回答:4

我正在尝试使用此插件生成二维码:

http://davidshimjs.github.io/qrcodejs/

我的代码是:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

</head>

<body>

    <input id="text" type="text" value="https://hogangnono.com" style="width:80%" /><br />
    <div id="qrcode"></div>

<script type="text/javascript" src="javascripts/qrcode.min.js">

var qrcode = new QRCode("qrcode");
</script>

</body>
</html>

但我得到的只是一个输入字段及其值,并且没有生成二维码。控制台也没有错误,可能是什么问题?

javascript qr-code
4个回答
1
投票

添加

<script type="text/javascript" src="./javascripts/jquery.min.js"></script>
    <script type="text/javascript" src="./javascripts/qrcode.min.js"></script>

到 html


0
投票

<script>
元素可以具有“src”属性内容,但不能同时具有两者。

当你写下

<script type="text/javascript" src="javascripts/qrcode.min.js">
var qrcode = new QRCode("qrcode");
</script>

您试图both加载qrcode javascript并指定您自己的javascript,这是

<script>
元素不允许的。

相反,在 HTML 文件的 <head> 部分中加载 qrcode javascript(以及

Vinayak 提到的 jquery 参考
):

<script type="text/javascript" src="./javascripts/jquery.min.js"></script>
<script type="text/javascript" src="javascripts/qrcode.min.js"></script>

然后在下面自己的

script
元素中指定您自己的 javascript(就像您拥有的那样,没有“src”标签):

<script>
  var qrcode = new QRCode("qrcode");
</script>

这应该对你有用。


0
投票

而不是写作

var qrcode = new QRCode("qrcode");

写:-

var qrcode = new QRCode(document.getElementById("qrcode"), "*the name of site*");

QRCode 函数的第一个参数是要打印 QRCode 的 div。 由于您没有提及在哪里打印代码,因此您只获得了输入框。希望这有帮助!


© www.soinside.com 2019 - 2024. All rights reserved.