Qrcode⽣成⼆维码的实现（2种⽅式）
html代码：
<ul>金融专业就业方向
<li><a href="javascript:void(0)" id="clickQrCodeBox" title="en_US"><span>点击右⽅扫⼆维码</span></a></li>
<li >
<a href="javascript:void(0)" >
<span id="qrCodeBox"></span>
</a>
</li>
</ul>
js代码：
$(function(){
//获取adminTd传给获取⼆维码链接的函数
$.ajax({
url: "/getAdmin",
type: "get",
dataType: "json",
success: function(res) {
de == 0){
let admId = res.data.adminId
getAuthUrl(admId)
}
}
});
//获取⼆维码链接
var getUrl
function getAuthUrl(adminId){
// console.log(adminId)
if(adminId && adminId != null && adminId != ""){
$.ajax({
url: "/authWeiXin/getAuthUrl",
type: "get",
data: {
adminId:adminId
},
contentType: "application/json",
dataType: "json",
async:false,
success: function(res) {
de == 0){
getUrl = res.data
var qrcode = new ElementById("qrCodeBox"), {//这个是你创建的div的id，必须⽤原⽣DOM
width : 45,
height : 45,
correctLevel: 3
});
qrcode.makeCode(getUrl);
// $('#qrCodeBox').qrcode({
// render: "canvas", //也可以替换为table
// width: 20,
// height: 20,
// text: getUrl
// });
}
}
});
}else{
$("#clickQrCodeBox").remove()
}
}
//渲染弹出层的⼤⼆维码
var qrCodePanel = "<div id=\"qrCodeBigBox\"></div>\n"
最大的变化是什么成语$(document).on("click","#qrCodeBox,#clickQrCodeBox",function(){
// console.log(getUrl)
if(getUrl){
layer.open({
title: '请扫描下⽅⼆维码获得授权',
type: 1,
玲娜贝儿月薪6000元skin: 'layui-layer-rim', //加上边框
area: ['312px', '412px'], //宽⾼
btn: ['确定'],
content: qrCodePanel,
success: function(layero, index){
// 如果引⼊qrcode.min.js⽤makeCode⽅式
你的名字 票房var qrcode = new ElementById("qrCodeBigBox"), {//这个是你创建的div的id，必须⽤原⽣的⽅式获取，如果⽤jq获取则是$("#qrCodeBigBox")[0] width : 300,
height : 300,
// colorDark:"red",//⼆维码前景⾊
// colorLight:"green",//⼆维码背景⾊
correctLevel: QRCode.CorrectLevel.L
网易否决暴雪顺延六个月提案});
qrcode.makeCode(getUrl);
//如果引⼊jquery.qrcode.min.js⽤$('#qrCodeBigBox').qrcode("www.jq22")⽅式;
// $('#qrCodeBigBox').qrcode({
// render: "canvas", //也可以替换为table
// width: 300,
世界遗产作文// height: 300,
// foreground: "purple" ,//前景颜⾊
// background: "yellow", //背景颜⾊
/
/ text: getUrl
// });
},
});
}
})
})
说明：
页⾯除了引⼊jq外需要引⼊：
<script type="text/javascript" src="${base}/res/js/jquery.qrcode.min.js"></script>//下载地址（去搜索下载）
<script src="${base}/res/special/js/pager/comms/qrcode.min.js"></script> //下载地址
⾥⾯layer.open使⽤layui组件
var QRErrorCorrectLevel = { L : 1, M : 0, Q : 3, H : 2};
分有⼏级，纠错级别越⾼，整体需要携带的信息越多：L级可纠正约7%错误、M级别可纠正约15%错误、Q级别可纠正约25%错误、H级别可纠正约30%错误。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论