您的位置:首页 > Web前端 > JQuery

前端使用jquery.qrcode生成二维码

2018-03-30 10:46 716 查看
1.在页面引入jq和jq.qrcode<script src="../js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery.qrcode.min.js" type="text/javascript" charset="utf-8"></script>2.加一个承载二维码的容器<div id="qrcode"></div>3.在必要的地方生成二维码$("#qrcode").qrcode({
width: 100, //宽度
height: 100, //高度
foreground: "#FFFFFF",//二维码颜色
background: "#45C8E4",//背景色
text: "https://www.baidu.com/" //任意内容
});调用后台的ajax之后生成二维码$.ajax({
type: "post",
url: $http + "index.php?m=Api&c=Member&a=my_qrcode",
xhrFields: {
withCredentials: true
},
success: function(res) {
$(".z_fx_mycode").qrcode({
width: 100, //宽度
height: 100, //高度
foreground: "#FFFFFF",
background: "#45C8E4",
text: res.data.qrcode //任意内容
});
}
});附:GitHub地址  jquery-qrcode
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: