html5读取二维码

所属分类:其他-独立的部件

 47701  343  查看评论 (28)
分享到微信朋友圈
X
html5读取二维码 ie兼容10
相关插件-独立的部件

jQuery HTML导出Excel插件table2excel

jquerytable2excel是一款可以将HTML表格的内容导出到微软Excel电子表格中的jQuery插件。该插件可以根据你的需要导出表格中的内容,不需要的行可以不导出。它文件体积小,使用非常方便。
  独立的部件
 98417  406

canvas实现的步骤流程插件

项目需要,找不到合适的,个人编写实现,可根据数据动态生成节点
  独立的部件
 20729  232

jQuery前端excel导入插件xlsx.core.js

此插件作用可以把excel表,导入到网页中用table显示出来
  独立的部件
 37540  298

操作浏览器标题栏插件Title.js

Title.js是一个javascript库用来操作浏览器标题栏,没有依赖性。 这里有用法示例:添加前缀,加后缀,改变预定义的标题,招牌效果、打字机效果。
  独立的部件
 34996  262

讨论这个项目(28)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    晚、安。 0
    2019/9/9 17:18:33
    摄像头调不出来啊
    回复
    ㄌCα∝新ㄋ 0
    2019/5/15 22:56:13
    不是吧~~~~~~~~~~~~~~ 回复
    BWmelon 0
    2019/1/5 15:12:54
    不支持扫描微信二维码,怎么改代码
        L&&K0
        2019/1/29 14:31:21

        引入llqrcode.js可以用但是llqrcode不知道是不是开源的

         <video id="video" style=" width: 100%; height: 200px;"></video>
              <canvas id="canvas" style=" width: 100%; height: 200px;" width="100%" height="200"></canvas>
        
              var content = "";
               navigator.getUserMedia({
                   video: true
               }, function (stream) {
                   var URL = window.URL || window.webkitURL; // 获取到window.URL对象
                   video.src = URL.createObjectURL(stream);  // 将获取到的视频流对象转换为地址  
                   video.play();
        
                   //当目前的播放位置已更改时
                   video.ontimeupdate = function () {
                       var canvas = document.getElementById('canvas');
                       var ctx = canvas.getContext('2d');
                       var width = Number($(video).css("width").replace("px", ""));
                       var height = Number($(video).css("height").replace("px", ""));
                       canvas.width = width;
                       canvas.height = height;
                       ctx.drawImage(video, 0, 0, width, height);
        
                       var imgFile = convertBase64UrlToBlob(canvas.toDataURL());
                       qrcode.decode(getObjectURL(imgFile));
                       qrcode.callback = function (imgMsg, a, b) {
                           if (imgMsg.indexOf("error") != -1) return;
                           console.log("imgMsg111111", imgMsg);
                           if (!content) {
                               content = imgMsg;
                           }
                           video.pause();
                       }
                   }
               }, function (error) {
                   console.log(error.name || error);
               });
        L&&K0
        2019/1/29 14:32:17
        //获取预览图片路径
        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;
        }
        
        
        /**  
         * 将以base64的图片url数据转换为Blob  
         * @param urlData  
         *            用url方式表示的base64图片数据  
         */
        function convertBase64UrlToBlob(urlData) {
        
            var bytes = window.(urlData.split(',')[1]); //去掉url的头,并转换为byte  
        
            //处理异常,将ascii码小于0的转换为大于0  
            var ab = new ArrayBuffer(bytes.length);
            var ia = new Uint8Array(ab);
            for (var i = 0; i < bytes.length; i++) {
                ia[i] = bytes.charCodeAt(i);
            }
        
            return new Blob([ab], {
                type: 'image/png'
            });
        }
    回复
    盈强软件 0
    2018/11/2 15:00:39

    不能用!

        西瓜0
        2018/11/2 15:12:35
        刚测试可以使用,需要https://下测试。 http上是不行的。
    回复
    WILD。 0
    2018/1/24 11:45:27

    不能扫描怎么解决

    回复
    WILD。 0
    2018/1/24 10:27:13

    不能扫描怎么解决

    回复
    正儿八经的胡说八道?? 0
    2017/12/15 11:05:40

    摄像头调不出来,navigator.getUserMedia这个方法过期了,可以尝试navigator.mediaDevices.getUserMedia,但是必须在https协议下用

        WILD。0
        2018/1/24 11:32:47

        有做好的吗  大神!

    回复
    吴下阿蒙 0
    2017/11/29 20:27:04
    0
    2017/8/31 14:25:48

    只有拍照功能出现了,兼容不好

    回复
    不落?星辰 0
    2017/7/15 11:59:46
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复