论坛 › Web开发 › web 扫二维码

Darth_EF 发表于 2021-5-7 17:17:00

web 扫二维码

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

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

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

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

Darth_EF 发表于 2021-5-7 17:27:39

本帖最后由 Darth_EF 于 2021-5-7 18:30 编辑

很大一部分都是抄demo的


    <input type="file" id="file">
    <script src="./js/llqrcode.js"></script>
    <script>
      var file=document.getElementById("file");

      file.onchange=function(e){
            console.log(this.files);
            decode_file(this.files);
      }
      function decode_file(file){
            for(var i =0;i<file.length;i++)
            {
                var reader = new FileReader();
                reader.onload = (function(theFile) {
                return function(e) {
                  console.log(e.target.result);
                  qrcode.decode(e.target.result);
                };
                })(file);
                reader.readAsDataURL(file);
            }
      }
      qrcode.callback=function(e){
            console.log(e);
      };
    </script>

Darth_EF 发表于 2021-5-7 17:31:18

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

查看完整版本: web 扫二维码