网页中有个图标,点击后就可以打开摄像头进行二维码的扫描,,请问这个功能是如何实现的?服务器端语言是PHP
<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="css/fonts/font-awesome.min.css">
<link rel="stylesheet" href="css/ui-box.css">
<link rel="stylesheet" href="css/ui-base.css">
<link rel="stylesheet" href="css/ui-color.css">
<link rel="stylesheet" href="css/appcan.icon.css">
<link rel="stylesheet" href="css/appcan.control.css">
</head>
<body class="um-vp " ontouchstart>
<div id="page_0" class="up ub ub-ver bc-bg" tabindex="0">
<!--header开始-->
<div id="header" class="uh bc-text-head ub bc-head">
<div class="nav-btn" id="nav-left">
<div class="fa fa-angle-left fa-2x"></div>
</div>
<h1 class="ut ub-f1 ulev-3 ut-s tx-c"></h1>
<div class="nav-btn nav-bt" id="nav-right"></div>
</div>
<!--header结束-->
<!--content开始-->
<div id="content" class="ub-f1 tx-l">
<input type="hidden" name="hdid" id="hdid" />
活动名称:<span id="spnhdmc"></span><br />
活动内容:<span id="spnhdnr"></span><br />
活动时间:<span id="spnhdsj"></span><br />
组织单位:<span id="spnhddw"></span><br />
<div class="btn ub ub-ac bc-text-head ub-pc bc-btn uc-a1" id="btnintiactive">登记提交</div>
</div>
<!--content结束-->
</div>
<script src="js/appcan.js"></script>
<script src="js/appcan.control.js"></script>
</body>
<script>
window.uexOnload = function(){
uexScanner.cbOpen = ScannerSuccessCallBack;
uexScanner.open();
setData();
}
function setData() {
var jsonData = '{"lineImg":"res://line.png","pickBgImg":"res://pick_bg.png","tipLabel":"对准二维码/条形码,即可自动扫描","title":"扫一下"}';
uexScanner.setJsonData(jsonData);
}
function ScannerSuccessCallBack(opCode, dataType, data) {
var obj = eval('('+data+')');
//var jsdata = (new Function("return " + obj.code))();
var jsonitem = eval('('+obj.code+')');
$('#hdid').val(jsonitem.hdid);
$('#spnhdmc').html(jsonitem.hdmc);
$('#spnhdnr').html(jsonitem.hdnr);
$('#spnhdsj').html(jsonitem.hdsj);
$('#spnhddw').html(jsonitem.hddw);
}
/*
appcan.ready(function(opCode, dataType, data) {
uexScanner.cbOpen = function () {
var obj = eval('('+data+')');
//var jsdata = (new Function("return " + obj.code))();
var jsonitem = eval('('+obj.code+')');
$('#hdid').val(jsonitem.hdid);
$('#spnhdmc').html(jsonitem.hdmc);
$('#spnhdnr').html(jsonitem.hdnr);
$('#spnhdsj').html(jsonitem.hdsj);
$('#spnhddw').html(jsonitem.hddw);
}
uexScanner.open();
var jsonData = '{"lineImg":"res://line.png","pickBgImg":"res://pick_bg.png","tipLabel":"对准二维码/条形码,即可自动扫描","title":"扫一下"}';
uexScanner.setJsonData(jsonData);
})
*/
</script>
</html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="css/fonts/font-awesome.min.css">
<link rel="stylesheet" href="css/ui-box.css">
<link rel="stylesheet" href="css/ui-base.css">
<link rel="stylesheet" href="css/ui-color.css">
<link rel="stylesheet" href="css/appcan.icon.css">
<link rel="stylesheet" href="css/appcan.control.css">
</head>
<body class="um-vp " ontouchstart>
<div id="page_0" class="up ub ub-ver bc-bg" tabindex="0">
<!--header开始-->
<div id="header" class="uh bc-text-head ub bc-head">
<div class="nav-btn" id="nav-left">
<div class="fa fa-angle-left fa-2x"></div>
</div>
<h1 class="ut ub-f1 ulev-3 ut-s tx-c"></h1>
<div class="nav-btn nav-bt" id="nav-right"></div>
</div>
<!--header结束-->
<!--content开始-->
<div id="content" class="ub-f1 tx-l">
<input type="hidden" name="hdid" id="hdid" />
活动名称:<span id="spnhdmc"></span><br />
活动内容:<span id="spnhdnr"></span><br />
活动时间:<span id="spnhdsj"></span><br />
组织单位:<span id="spnhddw"></span><br />
<div class="btn ub ub-ac bc-text-head ub-pc bc-btn uc-a1" id="btnintiactive">登记提交</div>
</div>
<!--content结束-->
</div>
<script src="js/appcan.js"></script>
<script src="js/appcan.control.js"></script>
</body>
<script>
window.uexOnload = function(){
uexScanner.cbOpen = ScannerSuccessCallBack;
uexScanner.open();
setData();
}
function setData() {
var jsonData = '{"lineImg":"res://line.png","pickBgImg":"res://pick_bg.png","tipLabel":"对准二维码/条形码,即可自动扫描","title":"扫一下"}';
uexScanner.setJsonData(jsonData);
}
function ScannerSuccessCallBack(opCode, dataType, data) {
var obj = eval('('+data+')');
//var jsdata = (new Function("return " + obj.code))();
var jsonitem = eval('('+obj.code+')');
$('#hdid').val(jsonitem.hdid);
$('#spnhdmc').html(jsonitem.hdmc);
$('#spnhdnr').html(jsonitem.hdnr);
$('#spnhdsj').html(jsonitem.hdsj);
$('#spnhddw').html(jsonitem.hddw);
}
/*
appcan.ready(function(opCode, dataType, data) {
uexScanner.cbOpen = function () {
var obj = eval('('+data+')');
//var jsdata = (new Function("return " + obj.code))();
var jsonitem = eval('('+obj.code+')');
$('#hdid').val(jsonitem.hdid);
$('#spnhdmc').html(jsonitem.hdmc);
$('#spnhdnr').html(jsonitem.hdnr);
$('#spnhdsj').html(jsonitem.hdsj);
$('#spnhddw').html(jsonitem.hddw);
}
uexScanner.open();
var jsonData = '{"lineImg":"res://line.png","pickBgImg":"res://pick_bg.png","tipLabel":"对准二维码/条形码,即可自动扫描","title":"扫一下"}';
uexScanner.setJsonData(jsonData);
})
*/
</script>
</html>
温馨提示:答案为网友推荐,仅供参考
第1个回答 推荐于2017-09-05
这个和php无感
这是前台功能
在移动设备上 大概可以用html5
在电脑上只能用第三方插件 浏览器不支持本回答被提问者和网友采纳
这是前台功能
在移动设备上 大概可以用html5
在电脑上只能用第三方插件 浏览器不支持本回答被提问者和网友采纳
第2个回答 2015-04-22
使用PHP内库phpqrcode生成二维码