HBuilder开发wpp2app增强性能之实现扫一扫

MoAir 发布于2019-08-05 15:45 / 1220人阅读

摘要：需求明确开启常见的条码二维码及一维码的扫描识别功能，可调用设备的摄像头对条码图片扫描进行数据输入。通过可获取条码码管理对象。载入中取消退出页面从相册选择二维码

需求明确

开启常见的条码（二维码及一维码）的扫描识别功能，可调用设备的摄像头对条码图片扫描进行数据输入。通过plus.barcode可获取条码码管理对象。

实现步骤

创建条码扫描识别控件实例对象,涉及到Barcode模块,具体参数设置可参考5+ API Barcode
在plusReady事件触发之后创建一个Barcode实例对象，此对象提供四个方法： start: 开始条码识别 cancel:
结束条码识别 close: 关闭条码识别控件 setFlash: 是否开启闪光灯 和两个事件： onmarked: 条码识别成功事件
onerror: 条码识别错误事件

function plusReady() {
    if(ws || !window.plus || !domready) {
        return;
    }
    // 获取窗口对象
    ws = plus.webview.currentWebview();
    // 开始扫描
    ws.addEventListener("show", function() {
        scan = new plus.barcode.Barcode("bcid");
        // 定义识别成功事件
        scan.onmarked = onmarked;
        // 定义开始条码识别
        scan.start({
            conserve: true, // 是否保存成功扫描到的条码数据时的截图
            filename: "_doc/barcode/"  // 保存成功扫描到的条码数据时的图片路径
        });
    }, false);
    // 显示页面并关闭等待框
    ws.show("pop-in");
}

// 二维码扫描成功
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 = "其它" + type;
            break;
    }
    result = result.replace(/
/g, "");
    plus.nativeUI.alert("扫描结果:" + JSON.stringify(result), function() {
        console.log("扫描成功")
    }, "helloW2A", "OK");
    back();
}

2.从相册中选择图片识别,涉及到Gallery模块，具体参数设置可参考5+ API：Gallery


// 从相册中选择二维码图片 
function scanPicture() {
    plus.gallery.pick(function(path) {
        plus.barcode.scan(path, onmarked, function(error) {
            plus.nativeUI.alert("无法识别此图片");
        });
    }, function(err) {
        console.log("Failed: " + err.message);
    });
}

3.DOM结构参考

专线服务超融合服务器 java开发扫一扫扫一扫js 扫一扫 js 百度扫一扫识字

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/58738.html

HBuilder开发wpp2app增强性能之实现扫一扫

摘要：需求明确开启常见的条码二维码及一维码的扫描识别功能，可调用设备的摄像头对条码图片扫描进行数据输入。通过可获取条码码管理对象。载入中取消退出页面从相册选择二维码需求明确开启常见的条码（二维码及一维码）的扫描识别功能，可调用设备的摄像头对条码图片扫描进行数据输入。通过plus.barcode可获取条码码管理对象。实现步骤创建条码扫描识别控件实例对象,涉及到Barcode模块,具体参...

waltr 2019-08-23 14:03 评论0 收藏0
HBuilder开发WAP2APP增加扫一扫功能

摘要：需求明确开启常见的条码二维码及一维码的扫描识别功能，可调用设备的摄像头对条码图片扫描进行数据输入。通过可获取条码码管理对象。知识点明确模块提供开启摄像头扫描功能。载入中取消退出页面从相册选择二维码需求明确开启常见的条码（二维码及一维码）的扫描识别功能，可调用设备的摄像头对条码图片扫描进行数据输入。通过plus.barcode可获取条码码管理对象。知识点明确 Barcode模块:p...

_ipo 2019-08-23 14:03 评论0 收藏0
HBuilder开发WAP2APP增加扫一扫功能

摘要：需求明确开启常见的条码二维码及一维码的扫描识别功能，可调用设备的摄像头对条码图片扫描进行数据输入。通过可获取条码码管理对象。知识点明确模块提供开启摄像头扫描功能。载入中取消退出页面从相册选择二维码需求明确开启常见的条码（二维码及一维码）的扫描识别功能，可调用设备的摄像头对条码图片扫描进行数据输入。通过plus.barcode可获取条码码管理对象。知识点明确 Barcode模块:p...

jackzou 2019-08-05 15:45 评论0 收藏0
微信公众号 扫一扫

使用 weixin-java-tools 完成公众端唤起微信扫一扫如果没有引入相关的jar 可以查看之前的文章点我 Java代码使用 wxMpService 很方便获取一些微信需要的参数 @Autowired private WxMpService wxMpService; @GetMapping(path = scannerQrcode) public...

msup 2019-08-19 11:14 评论0 收藏0
Android应用跳转到微信和支付宝扫一扫

摘要：新版的微信已经把微信功能的都禁掉了，意味着我们无法打开微信的扫一扫等功能，目前正常的只能先进入微信我测试的时候是微信版本已经是很新的版本了具体调起微信扫一扫代码如下，测试后确实是可以使用的具体调起支付宝扫一扫代码如下，测试后确实是可以使用的新版的微信已经把微信功能的schema都禁掉了，意味着我们无法打开微信的扫一扫等功能，目前正常的只能先进入微信（我测试的时候是微信版本7.0.3）已经是很...

xietao3 2019-04-23 15:14 评论0 收藏0