用摄像头拍照 可是他创建在了_doc/photo/下面 我还怎么找 怎么设置 怎么获取照片
1***@qq.com
- 发布：2016-07-20 15:39
- 更新：2016-07-20 16:48
- 阅读：2559
startVideoCapture拍照问题
分类：HTML5+
Trust - 少说废话
调用摄像头拍照，拍照完成后进行图片预览。需要调用5+的camera模块，以及IO模块。
示例代码如下：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>调用摄像头拍照并预览</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../../css/mui.min.css" rel="stylesheet" />
</head>
<body>
<header class="mui-bar mui-bar-nav">
<h1 class="mui-title">摄像头</h1>
</header>
<div class="mui-content">
<button type="button" class="mui-btn mui-btn-blue mui-btn-block" id="open_camera">开启摄像头</button>
<img src="" id="test_img" />
</div>
<script src="../../js/mui.min.js"></script>
<script type="text/javascript">
mui.init();
mui.plusReady(function() {
document.getElementById("open_camera").addEventListener("tap", function() {
var camera = plus.camera.getCamera();
camera.captureImage(function(capturedFile) {
console.log("拍照的照片路径：" + capturedFile);
// 将本地URL路径转换成平台绝对路径
// http://www.html5plus.org/doc/zh_cn/io.html#plus.io.convertLocalFileSystemURL
plus.gallery.save(capturedFile, function() {
console.log("保存成功");
plus.gallery.pick(function(file) {
console.log(file);
document.getElementById("test_img").src = file;
}, function(error) {
console.log(error);
}, {});
}, function(error) {
console.log(error);
});
}, function(error) {
console.log(error);
}, {});
});
});
</script>
</body>
</html>