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

Posted web前端之春秋战国

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了qrcode.js的识别解析二维码图片和生成二维码图片相关的知识,希望对你有一定的参考价值。

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‘);

生成二维码

 




以上是关于qrcode.js的识别解析二维码图片和生成二维码图片的主要内容,如果未能解决你的问题,请参考以下文章

Java简单的生成/解析二维码(zxing qrcode)

二维码生成插件(jquery.qrcode.js)说明文档

jquery.qrcode.js生成二维码,只能生成table和canvas两种格式的,我想要生成一个图片格式(比如jpg)怎么做

qrcode.js怎么给生成的二维码加id

为jquery qrcode生成的二维码嵌入图片

前端生成二维码 jquery.qrcode.js