1 首页 index.html

<li id="html/barcode.html" onclick="clicked(this.id)">

        <span class="item">Barcode

          <div class="chs">二维码扫描</div>

        </span>
 </li>

2 二维码页面：html/barcode.html

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8"/>

    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

    <meta name="HandheldFriendly" content="true"/>

    <meta name="MobileOptimized" content="320"/>

    <title>Hello H5+</title>

    <script type="text/javascript" src="../js/common.js"></script>

    <script type="text/javascript">

    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({conserve:true,filename:'_doc/barcode/'});

        }, false);

        // 显示页面并关闭等待框

        ws.show('pop-in');

    }

    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 = '其它'+type;

            break;

        }

        result = result.replace(/\n/g, '');

        //分析扫描结果：是URL就跳转 ，不是就提示

        if(result.indexOf('http://')==0  || result.indexOf('https://')==0){

            plus.nativeUI.confirm(result, function(i){

                if(i.index == 0){

                    back();//返回上一页

                    plus.runtime.openURL(result);

                }else{

                    back();//返回上一页

                }

            }, '', ['打开', '取消']);

        } else{

            back();//返回上一页

            plus.nativeUI.alert(result);

        }

    }

    // 从相册中选择二维码图片

    function scanPicture(){

        plus.gallery.pick(function(path){

            plus.barcode.scan(path,onmarked,function(error){

                plus.nativeUI.alert('无法识别此图片');

            });

        }, function(err){

            plus.nativeUI.alert('Failed: '+err.message);

        });

    }

    </script>

        <link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/>

        <style type="text/css">

            #bcid {

                width: 100%;

                position: absolute;

                top: 0px;

                bottom: 44px;

                text-align: center;

            }

            .tip {

                color: #FFFFFF;

                font-weight: bold;

                text-shadow: 0px -1px #103E5C;

            }

            footer {

                width: 100%;

                height: 44px;

                position: absolute;

                bottom: 0px;

                line-height: 44px;

                text-align: center;

                color: #FFF;

            }

            .fbt {

                width: 50%;

                height: 100%;

                background-color: #007500;

                float: left;

            }

            .fbt:active {

                  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);

                box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);

            }

        </style>

    </head>

    <body style="background-color: #000000;">

        <div id="bcid">

            <div style="height:40%"></div>

            <p class="tip">...载入中...</p>

        </div>

        <footer>

            <div class="fbt" onclick="back()">取　 消</div>

            <div class="fbt" onclick="scanPicture()">从相册选择二维码</div>

        </footer>

    </body>

</html>

MUI 二维码扫描并跳转的更多相关文章

  1. mui 二维码扫描功能

    mui 扫一扫识别二维码 以及多次扫码后从结果页返回时黑屏问题解决  扫一扫页面全部代码 <!doctype html><html>     <head>      ...

  2. iOS - 二维码扫描和应用跳转

    序言 前面我们已经调到过怎么制作二维码,在我们能够生成二维码之后,如何对二维码进行扫描呢? 在iOS7之前,大部分应用中使用的二维码扫描是第三方的扫描框架,例如ZXing或者ZBar.使用时集成麻烦, ...

  3. iOS开发-二维码扫描和应用跳转

    iOS开发-二维码扫描和应用跳转   序言 前面我们已经调到过怎么制作二维码,在我们能够生成二维码之后,如何对二维码进行扫描呢? 在iOS7之前,大部分应用中使用的二维码扫描是第三方的扫描框架,例如Z ...

  4. 微信小程序 空白页重定向---二维码扫描第二次进入 不经过onLoad过程解析scene参数，跳转问题

    在刚开始的时候将小程序的入口文件直接指向tabbar 的首页,此时出现问题:二维码扫描,第一次不关闭首页,第二次进入时:不会经过onLoad过程解析scene参数: 官方中解释:tabbar跳转方式触 ...

  5. [Unity3D]自制UnityForAndroid二维码扫描插件

    一周左右终于将二维码生成和扫描功能给实现了,终于能舒缓一口气了,从一开始的疑惑为啥不同的扫码客户端为啥扫出来的效果不同?通用的扫描器扫出来就是一个下载APK,自制的扫描器扫出来是想要的有效信息,然后分 ...

  6. Android仿微信二维码扫描

    转载:http://blog.csdn.net/xiaanming/article/details/10163203 了解二维码这个东西还是从微信中,当时微信推出二维码扫描功能,自己感觉挺新颖的,从一 ...

  7. iOS二维码扫描IOS7系统实现

    扫描相关类 二维码扫描需要获取摄像头并读取照片信息,因此我们需要导入系统的AVFoundation框架,创建视频会话.我们需要用到一下几个类: AVCaptureSession 会话对象.此类作为硬件 ...

  8. Android 基于google Zxing实现二维码、条形码扫描，仿微信二维码扫描效果

      Android 高手进阶(21)  版权声明:本文为博主原创文章,未经博主允许不得转载. 转载请注明出处:http://blog.csdn.net/xiaanming/article/detail ...

  9. android 二维码扫描

    了解二维码这个东西还是从微信 中,当时微信推出二维码扫描功能,自己感觉挺新颖的,从一张图片中扫一下竟然能直接加好友,不可思议啊,那时候还不了解二维码,呵呵,然后做项目的时候, 老板说要加上二维码扫描功 ...

随机推荐

  1. mysqld.cc启动分析及运行过程（题目取大了，不好意思）

    mysql源文件的压缩文件mysql-5.7.12.tar.gz有48.2Mb,这么大个家伙. 以前学c语言什么的,觉得尼玛个臭c可以干嘛呀,敢看了源文件我彻底震精了,光是一个THD类的说明就占了30 ...

  2. 利用AbstractRoutingDataSource实现动态数据源切换

    需求:系统中要实现切换数据库(业务数据库和his数据库) 网上很多资料上有提到AbstractRoutingDataSource,大致是这么说的 在Spring 2.0.1中引入了AbstractRo ...

  3. HttpGet params not being sent httpget.setParams(params)不好使

    错误的代码 HttpClient httpclient = new DefaultHttpClient(); HttpUriRequest request = new HttpGet(uri); Ht ...

  4. php插入htm htm插入php的变量

    <?php $file = "ueditor\php\upload\image\*\*.png"; foreach (glob("$file") as $ ...

  5. window,centos双系统坏了

    在centos中格式化SD卡的时候,操作错误,误将windows系统C盘的给格式化了.C盘是ntf格式的,现在却变为了fat32的格式. 重启系统,发现还是可以进入到centos,但是window进入 ...

  6. Understanding the difficulty of training deep feedforward neural networks

    本文作者为:Xavier Glorot与Yoshua Bengio. 本文干了点什么呢? 第一步:探索了不同的激活函数对网络的影响(包括:sigmoid函数,双曲正切函数和softsign y = x ...

  7. [CS]C#操作word

    近期在做的项目已经改了好几版,近期这一版用到了word,当然不是直接使用word,而是使用第三方的ActiveX控件:dsoframer.ocx.此控件的使用和其它控件的使用流程没有不论什么差别.接下 ...

  8. Uniprot 数据库-最常用的蛋白质数据库

    Uniprot 数据库是收录信息最全面的蛋白质数据库,包含swissport, uniparc, TrEMBL 3个子数据库: 其中swiss-prot 是手工核对过的 ,非冗余, 有详细注释信息的蛋 ...

  9. Unity3D-光照贴图技术

    概念 Lightmapping光照贴图技术是一种增强静态场景光照效果的技术,其优点是可以通过较少的性能消耗使静态场景看上去更加真实,丰富,更加具有立体感:缺点是不能用来实时地处理动态光照.当游戏场景包 ...

  10. 【Java NIO的深入研究1】缓冲区

    缓冲区 传统的流和通道的对比 流 通道 慢 快 处理简单 处理复杂 单字节的传输 一块数据的传输 - Java.io.*已经重新写过 - 是对流的模拟 单向的 双向的 可直接访问 必须通过Buffer ...