qrcode.js生成二维码

最新推荐文章于 2025-09-10 00:14:12 发布

原创最新推荐文章于 2025-09-10 00:14:12 发布 · 734 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#qrcode.js #二维码生成 #前端插件

本文介绍了一种使用JavaScript生成二维码的方法。通过加载qrcode.min.js插件，该脚本能够根据指定的内容创建二维码，并将其展示在网页上的指定位置。文章详细展示了如何设置二维码的尺寸、内容及显示位置。

// 生成二维码
if (typeof(QRCode) != "undefined") {
makeQRCode();
} else {
var url = sz.sys.ctx("/meta/task/analyses/js/js/qrcode.min.js"); //这个是插件的路径
$.getScript(url, function(){
makeQRCode();
});
}

// 生成二维码
function makeQRCode() {
// 获取设备编号
var qrtext = $("#rptresult #label #a4").text();
qrtext = "http://bj.succez.com/bi314?uuid=" + qrtext;

// 设置二维码显示位置，大小
var qrdiv = $("#rptresult #label #c2");
if ( qrdiv.length > 0) {
var qrcode = new QRCode(qrdiv[0], {
width : 72,
height : 72
});
// 设置二维码内容
if (qrtext != "") {
qrcode.clear();
qrcode.makeCode( qrtext );
}
}
}