前端生成二维码的插件 jquery.qrcode.js
jquery.qrcode.js
是一个用于生成二维码的 jQuery 插件。以下是使用该插件生成二维码的简单示例:
首先,确保在页面中引入了 jQuery 库和 jquery.qrcode.js
插件。
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
然后,在 HTML 中添加一个用于显示二维码的元素:
<div id="qrcode"></div>
最后,使用以下 JavaScript 代码生成并显示二维码:
$(document).ready(function() {
// 设置二维码内容
var text = 'https://www.example.com';
// 使用 qrcode 插件生成二维码
$('#qrcode').qrcode({
text: text,
width: 128,
height: 128
});
});
这段代码会在文档加载完成后,在 id
为 qrcode
的元素中生成一个宽高都是 128 像素的二维码图片,并显示在页面上。二维码内容是指定的 URL 链接。
评论已关闭