当前位置:   article > 正文

qrcode.min.js生成二维码以及reqrcode.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为二维码解析地址
}

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/575965
推荐阅读
  

闽ICP备14008679号