<!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 img = null;
|
var blist = [];
|
function scaned(t, r, f){
|
var d = new Date();
|
var h=d.getHours(),m=d.getMinutes(),s=d.getSeconds(),ms=d.getMilliseconds();
|
if(h < 10){ h='0'+h; }
|
if(m < 10){ m='0'+m; }
|
if(s < 10){ s='0'+s; }
|
if(ms < 10){ ms='00'+ms; }
|
else if(ms < 100){ ms='0'+ms; }
|
var ts = '['+h+':'+m+':'+s+'.'+ms+']';
|
var li=null,hl = document.getElementById('history');
|
if(blist.length > 0){
|
li = document.createElement('li');
|
li.className = 'ditem';
|
hl.insertBefore(li, hl.childNodes[0]);
|
} else{
|
li = document.getElementById('nohistory');
|
}
|
li.id = blist.length;
|
var html = '['+h+':'+m+':'+s+'.'+ms+']'+' '+t+'码<div class="hdata">';
|
html += r;
|
html += '</div>';
|
li.innerHTML = html;
|
li.setAttribute('onclick', 'selected(id)');
|
blist[blist.length] = {type:t,result:r,file:f};
|
update(t, r, f);
|
}
|
function selected(id){
|
var h = blist[id];
|
update( h.type, h.result, h.file );
|
if(h.result.indexOf('http://')==0 || h.result.indexOf('https://')==0){
|
plus.nativeUI.confirm(h.result, function(i){
|
if(i.index == 0){
|
plus.runtime.openURL(h.result);
|
}
|
}, '', ['打开', '取消']);
|
} else{
|
plus.nativeUI.alert(h.result);
|
}
|
}
|
function update(t, r, f){
|
outSet('扫描成功：');
|
outLine(t);
|
outLine(r);
|
outLine('\n图片地址：'+f);
|
if(!f || f=='null'){
|
img.src = '../img/barcode.png';
|
} else{
|
plus.io.resolveLocalFileSystemURL(f, function(entry){
|
img.src=entry.toLocalURL();
|
});
|
//img.src = 'http://localhost:13131/'+f;
|
}
|
}
|
function onempty(){
|
if(window.plus){
|
plus.nativeUI.alert('无扫描记录');
|
} else {
|
alert('无扫描记录');
|
}
|
}
|
function cleanHistroy(){
|
if(blist.length > 0){
|
var hl = document.getElementById('history');
|
hl.innerHTML = '<li id="nohistory" class="ditem" onclick="onempty();">无历史记录 </li>';
|
}
|
plus.io.resolveLocalFileSystemURL('_doc/barcode/', function(entry){
|
entry.removeRecursively(function(){
|
// Success
|
}, function(e){
|
//alert( "failed"+e.message );
|
});
|
});
|
}
|
// 打开二维码扫描界面
|
function openBarcode(){
|
createWithoutTitle('barcode_scan.html', {
|
titleNView:{
|
type: 'float',
|
backgroundColor: 'rgba(215,75,40,0.3)',
|
titleText: '扫一扫',
|
titleColor: '#FFFFFF',
|
autoBackButton: true,
|
buttons: [{
|
fontSrc: '_www/helloh5.ttf',
|
text: '\ue302',
|
fontSize: '18px',
|
onclick: 'javascript:scanPicture()'
|
}]
|
}
|
});
|
}
|
// 打开自定义扫描界面
|
function openBarcodeCustom(){
|
createWithoutTitle('barcode_custom.html', {
|
titleNView:{
|
type: 'float',
|
backgroundColor: 'rgba(215,75,40,0.3)',
|
titleText: '扫一扫',
|
titleColor: '#FFFFFF',
|
autoBackButton: true,
|
buttons: [{
|
fontSrc: '_www/helloh5.ttf',
|
text: '\ue401',
|
fontSize: '18px',
|
onclick: 'javascript:switchFlash()'
|
}]
|
}
|
});
|
}
|
</script>
|
<link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/>
|
<style type="text/css" media="screen">
|
.hdata {
|
color: #e1673e;
|
font-size: 14px;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
</style>
|
</head>
|
<body onload="img=document.getElementById('bimg')">
|
<br/>
|
<img style="width:40%" id="bimg" src="../img/barcode.png"/>
|
<br/>
|
<div class="button" onclick="openBarcode()">扫一扫</div>
|
<div class="button" onclick="openBarcodeCustom()">扫一扫（自定义）</div>
|
<br/>
|
<ul id="history" class="dlist" style="text-align:left;">
|
<li id="nohistory" class="ditem" onclick="onempty()">无历史记录 </li>
|
</ul>
|
<br/>
|
<div class="button button-waring" onclick="cleanHistroy()">清空历史记录</div>
|
<div id="outpos"/>
|
<div id="output">
|
Barcode提供二维码扫描识别功能，支持调用摄像头即时扫描二维码，也可直接输入图片进行扫描识别。
|
</div>
|
</body>
|
</html>
|
