码迷,mamicode.com
首页 > 其他好文 > 详细

用二维码扫描

时间:2015-07-27 22:46:59      阅读:286      评论:0      收藏:0      [点我收藏+]

标签:

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(/\n/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) {
      
            });
        }

 

用二维码扫描

标签:

原文地址:http://www.cnblogs.com/tylerdonet/p/4681374.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!