前端生成二维码的插件 jquery.qrcode.js
warning:
这篇文章距离上次修改已过439天,其中的内容可能已经有所变动。
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 链接。
评论已关闭