您的位置:首页 > Web前端 > HTML5

html5 plus 拍照并显示

2015-11-24 17:28 501 查看
1.点击拍照按钮、获取图片路径并显示到页面上

mui.plusReady(function() {      document.getElementById("takePic").addEventListener('tap', function() {
takePhoto();
});
});
function takePhoto() {
// 获取设备默认的摄像头对象
var cmr = plus.camera.getCamera();
var res = cmr.supportedImageResolutions[0];//支持像素
var fmt = cmr.supportedImageFormats[0];//支持的图片格式
//进行拍照
cmr.captureImage(function(path) {
//拍照成功回调函数
//读取拍照文件
plus.io.resolveLocalFileSystemURL(path, function(entry) {
//显示
document.getElementById("picShow").src = entry.toLocalURL();
/**
* name : 1448346233943.jpg
* localURL : file:///storage/emulated/0/Android/data/io.dcloud.HBuilder/.HBuilder/apps/HBuilder/doc/1448346233943.jpg
* localString : [object Object]
*/
}, function(e) {
//读取拍照文件错误
outLine("读取拍照文件错误:" + e.message);
});
}, function(err) {
//拍照出现error
alert(err.message);//错误信息
alert(err.code);//错误编码
}, {
resolution: res,
format: fmt
});
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: