qrcode.min.js生成二维码以及reqrcode.js二维码解码

生成二维码
1、引入js qrcode.min.js ,下载地址:https://download.csdn.net/download/weixin_43830264/87472390
2、根据需求设置二维码信息
var qrcodess = $(‘< div id=“qrcode”>’);
var qrcode = new QRCode(document.getElementById(“qrcode”), {
text: json.url, //二维码地址
width: json.width, // 宽度
height: json.height, // 高度
colorDark: json.colorDark, // 背景
colorLight: json.colorLight, // 前景
correctLevel:json.correctLevel, // 二维码结构复杂性 0~3
});
setTimeout(()=>{
var dataURL = $(‘#qrcode’).children(‘img’).attr(“src”) //将图片转成base64格式
var a = document.createElement(“a”); // 生成一个a元素
var event = new MouseEvent(“click”); // 创建一个单击事件
a.download =new Date().getTime()+‘-qrcode’; // 设置图片名称
a.href =dataURL; // 将生成的URL设置为a.href属性
a.dispatchEvent(event); // 触发a的单击事件
})
解析二维码
1、引入 reqrcode.js ,下载地址:https://download.csdn.net/download/weixin_43830264/87472390
2、传入二维码图片地址,解析二维码地址
var baseUrl=json.url;
// var getObjectURL = function(file){
// var url = null ;
// if (window.createObjectURL!=undefined) { // basic
// url = window.createObjectURL(file) ;
// } else if (window.URL!=undefined) { // mozilla(firefox)
// url = window.URL.createObjectURL(file) ;
// } else if (window.webkitURL!=undefined) { // webkit or chrome
// url = window.webkitURL.createObjectURL(file) ;
// }
// return url ;
// }
// console.log(getObjectURL(newfile[0]));// newfile[0]是通过input file上传的二维码图片文件
qrcode.decode(baseUrl);
qrcode.callback = function(imgMsg){
console.log(“imgMsg”,imgMsg); //msg为二维码解析地址
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值