zoukankan      html  css  js  c++  java
  • 用二维码扫描

    html5中可以使用二维码扫描,也可以从相册中选择二维码识别,代码如下

            var ws = null, wo = null;
            var scan = null, domready = false;
            // H5 plus事件处理
            function plusReady() {
                if (ws || !window.plus || !domready) {
                    return;
                }
                // 获取窗口对象
                ws = plus.webview.currentWebview();
                wo = ws.opener();
                // 开始扫描
                ws.addEventListener('show', function () {
                    scan = new plus.barcode.Barcode('bcid');
                    scan.onmarked = onmarked;
                    scan.start();
                });
                // 显示页面并关闭等待框
                ws.show("pop-in");
                wo.evalJS("closeWaiting()");
            }
            if (window.plus) {
                plusReady();
            } else {
                document.addEventListener("plusready", plusReady, false);
            }
            // 监听DOMContentLoaded事件
            document.addEventListener("DOMContentLoaded", function () {
                domready = true;
                plusReady();
            }, false);
            // 二维码扫描成功
            function onmarked(type, result, file) {
                switch (type) {
                    case plus.barcode.QR:
                        type = "QR";
                        break;
                    case plus.barcode.EAN13:
                        type = "EAN13";
                        break;
                    case plus.barcode.EAN8:
                        type = "EAN8";
                        break;
                    default:
                        type = "其它";
                        break;
                }
                result = result.replace(/
    /g, '');
                wo.evalJS("scaned('" + type + "','" + result + "','" + file + "');");
                plus.webview.currentWebview().close();
                back();
            }
            // 从相册中选择二维码图片
            function scanPicture() {
                plus.gallery.pick(function (path) {
                    plus.barcode.scan(path, onmarked, function (error) {
                        plus.nativeUI.alert("无法识别此图片");
                    });
                }, function (err) {
          
                });
            }
  • 相关阅读:
    Linux RAID部署
    系统运维架构师体系
    Linux系统上文件的特殊权限及文件acl
    Linux磁盘使用及文件系统管理
    中小规模网站架构组成
    优化配置模板主机
    网络原理基础
    MySQL二进制安装
    网络通讯基础
    点击改变背景
  • 原文地址:https://www.cnblogs.com/tylerdonet/p/4681374.html
Copyright © 2011-2022 走看看