web 扫二维码

Darth_EF

打工的一个任务之一：要做移动端扫码

找到一个解码的js库, https://webqr.com/llqrcode.js
它的demo地址 https://webqr.com/

打开摄像头获取图像->将图像的dataurl 放到qrcode里读->得到内容

因为不方便用手机开发，电脑没摄像头设备，先在pc写了一个读取本地文件的，二楼放代码

Darth_EF

很大一部分都是抄demo的

1. 
   
2.     <input type="file" id="file">
   
3.     <script src="./js/llqrcode.js"></script>
   
4.     <script>
   
5.         var file=document.getElementById("file");
   
6. 
   
7.         file.onchange=function(e){
   
8.             console.log(this.files);
   
9.             decode_file(this.files);
   
10.         }
    
11.         function decode_file(file){
    
12.             for(var i =0;i<file.length;i++)
    
13.             {
    
14.                 var reader = new FileReader();
    
15.                 reader.onload = (function(theFile) {
    
16.                 return function(e) {
    
17.                     console.log(e.target.result);
    
18.                     qrcode.decode(e.target.result);
    
19.                 };
    
20.                 })(file[i]);
    
21.                 reader.readAsDataURL(file[i]);
    
22.             }
    
23.         }
    
24.         qrcode.callback=function(e){
    
25.             console.log(e);
    
26.         };
    
27.     </script>

复制代码

Darth_EF

补一个它的github链接：
https://github.com/LazarSoft/jsqrcode