前端使用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
<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
相关文章推荐
- 前端生成二维码 jquery.qrcode.js
- 毛超帅 使用 jquery.qrcode.js 生成网站地址url二维码图片______软件开发-JAVA
- 使用jquery.qrcode生成二维码
- 二维码篇【一】【JS】使用jquery.qrcode生成二维码
- 使用jquery.qrcode生成二维码
- 使用jquery.qrcode生成二维码
- 使用jquery.qrcode生成二维码(转)
- 使用Jquery.QRCode.js在web客户端生成二维码包括中文
- 使用jquery.qrcode生成二维码
- 使用jquery.qrcode生成二维码
- 使用jquery.qrcode生成二维码
- jquery.qrcode.min.js生成二维码 通过前端实现二维码生成
- 使用jquery.qrcode生成二维码,在线演示,下载源码
- 使用jquery.qrcode.js生成二维码插件
- 如何使用 jQuery.qrcode.js 生成二维码
- 使用jquery.qrcode生成二维码
- 使用jquery.qrcode生成二维码
- 使用jquery.qrcode生成彩色二维码实例
- 使用jquery.qrcode生成二维码
- jquery.qrcode在线生成二维码使用示例