鱼C论坛

 找回密码
 立即注册
查看: 4817|回复: 2

[学习笔记] web 扫二维码

[复制链接]
发表于 2021-5-7 17:17:00 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

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

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

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

因为不方便用手机开发,电脑没摄像头设备,先在pc写了一个读取本地文件的,二楼放代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 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[i]);
                reader.readAsDataURL(file[i]);
            }
        }
        qrcode.callback=function(e){
            console.log(e);
        };
    </script>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2021-5-7 17:31:18 | 显示全部楼层
补一个它的github链接:
https://github.com/LazarSoft/jsqrcode
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-23 14:18

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表