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为二维码解析地址
}

qrcode.min.js生成二维码以及reqrcode.js二维码解码相关推荐

node.js 生成文件_如何使用Node.js在几秒钟内生成模拟数据
node.js 生成文件介绍 (Introduction) In most of the applications, you need to have some static JSON data w ...
js生成html转换成图片保存,js将html生成为图片，并保存在本地
html生成图片的方式有很多种,有的需要下载安装插件,如phantomjs .显得未免麻烦了些,有的又是通过后台来实现的,但个人感觉没必要做这种交互,也没必要在服务端生成这些零时文件,那么问题来了,有 ...
Qrcode生成二维码之jquery.qrcode.min.js
PHP交流群:294088839, Python交流群:652376983, GO交流群:874512552. jquery-1.8.3_min.js和jquery.qrcode.min.js jq ...
HTML网页使用CDN的jquery.qrcode.min.js生成页面二维码（直接可以复制使用）
HTML页面代码 <!DOCTYPE html> <html> <head><title></title><meta http-equ ...
qrcode——js生成二维码
1.引入 qrcode.min.js(点击下载demo) 2.html: <div id="qrcode"></div> js: var qrcode = ...
H5案例分享：jquery.qrcode.js生成简易二维码
近期做项目需要生成二维码,并且解码获取信息,jquery.qrcode.js生成二维码比较的方便,写个教程分享给大家.欢迎大家测试留言,我会改进代码. 现在二维码越来越流行啦,支付扫二维码,关注扫二维 ...
qrcode.js 生成二维码包含logo和背景图片及IE下载二维码
思路: 1. 通过qrcode.js 生成带logo的二维码 2. 将背景图片.logo与生成的二维码图通过canvas 绘制在一起形成一个新的canvas 3. 将canvas 转成base64的u ...
js生成二维码——QRCode.js中文文档
QRCode v1.2.2 原文地址 API 文档一.安装 npm install --save qrcode 二.使用在 JavaScript 中使用模块引入: <!-- index.h ...
使用qrcode.js生成网址二维码
话不多说,直接上代码: <!DOCTYPE html> <html lang="zh-CN"><head><meta charset=&q ...

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

qrcode.min.js生成二维码以及reqrcode.js二维码解码相关推荐

最新文章

热门文章