qrcode.js的识别解析二维码图片和生成二维码图片

#qrcode.js的识别解析二维码图片和生成二维码图片| 来源: 网络整理| 查看: 265

qrcode只通过前端就能生成二维码和解析二维码图片，

首先要引入文件qrcode.js，下载地址为：http://static.runoob.com/download/qrcodejs-04f46c6.zip;

1、识别本地图片：

通过文件的形式获取到本地的图片，生成一个图片的临时路径，然后解析这个二维码图片；

qrcode.decode(img)方法能将二维码图片解析，通过qrcode.callback=function(img){}将解析的图片返回文本值；

//获取预览图片路径 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(getObjectURL(newfile[0])); qrcode.callback = function(imgMsg){ console.log("imgMsg",imgMsg); }

2、生成二维码:

var qrcode = new QRCode(document.getElementById("qrcode"), {width : 100,height : 100});

qrcode.makeCode('123123');

生成二维码

【本文地址】

公司简介

联系我们

今日新闻

推荐新闻

专题文章