camera拍照之后怎么把图片显示到页面？？？
雷雷
- 发布：2016-06-28 13:28
- 更新：2016-06-29 08:57
- 阅读：1696
camera拍照之后怎么把图片显示到页面
分类：HTML5+
1 个回复
一刀大叔
前台放置一个div用来显示图片：
<div id="img" style="text-align:left;"></div>
封装的js方法在照相后调用：
//拍照
function appendByCamera() {
plus.camera.getCamera().captureImage(function(f) {
var pathName = window.document.location.pathname;
var p = plus.io.convertLocalFileSystemURL(f);
appendFile(p);
});
}
//显示
function appendFile(p) {
files.push({
name: "uploadkey" + index,
path: p
});
index++;
var img = document.getElementById("img");
img.innerHTML = "";
for (var i = 0; i < files.length; i++) {
img.innerHTML += '<img id="imgBtn" src="' + files[i].path + '" data-preview-src="" data-preview-group="1" />'
}
}
//通过按钮触发事件
<button onclick="appendByCamera()" type="button" class="mui-icon mui-icon-camera"></button>