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 }); }
相关文章推荐
- html5,html5教程
- HTML5的WebSocket
- WebGL实现HTML5贪吃蛇3D游戏
- 推荐WEB开发者最佳HTML5和CSS3代码生成器
- HTML5画布游戏基础框架代码解析:屌丝追女神
- html5慢
- HTML5:使用Autocomplete属性提高表单的交互性
- html5+css3实现抽奖活动的效果
- html5之我見
- 关于h5页面,在手机上测试,可配host
- HTML5安全攻防详析之八:Web Socket攻击
- HTML5安全攻防详析之七:新标签攻击
- HTML5安全风险详析之六:API攻击
- HTML5安全风险详析之五:劫持攻击
- HTML5安全风险详析之四:Web Worker攻击
- HTML5安全风险详析之二:Web Storage攻击
- HTML5安全风险详析之一:CORS攻击
- HTML5的嵌套与HTML4的嵌套标准对比
- WebGL实现HTML5的3D贪吃蛇游戏
- 一张图简单了解HTML5