ionic项目之ngcordova插件之camera
2015-02-04 11:38
330 查看
参考文章
https://github.com/driftyco/ng-cordova
http://ngcordova.com/docs/plugins/camera/
官方解释是既可以用来拍照也可以录视频(只试用了拍照功能)
首先,装插件 cordova plugin add org.apache.cordova.camera
然后,如果之前配置过ngcordova的话,就直接在控制器加上$cordovaCamera就好了
有两种方法获取拍照得到的图片
1,拍照返回64位的图片数据(destinationType: Camera.DestinationType.DATA_URL)
2,拍照返回图片文件的实际存储地址(destinationType: Camera.DestinationType.FILE_URI)
1,拍照返回64位的图片数据(成功了,可是图片数据即使100%的质量也很不清晰)
2,拍照返回图片文件的实际存储地址(实验不成功,暂没找到问题)
返回的图片地址信息为(file:///storage/emulated/0/DCIM/Camera/pic.jpg)与选取图片文件插件方法返回的图片地址(data/data下)不一样
https://github.com/driftyco/ng-cordova
http://ngcordova.com/docs/plugins/camera/
官方解释是既可以用来拍照也可以录视频(只试用了拍照功能)
首先,装插件 cordova plugin add org.apache.cordova.camera
然后,如果之前配置过ngcordova的话,就直接在控制器加上$cordovaCamera就好了
有两种方法获取拍照得到的图片
1,拍照返回64位的图片数据(destinationType: Camera.DestinationType.DATA_URL)
2,拍照返回图片文件的实际存储地址(destinationType: Camera.DestinationType.FILE_URI)
1,拍照返回64位的图片数据(成功了,可是图片数据即使100%的质量也很不清晰)
var options = { quality: 50, destinationType: Camera.DestinationType.DATA_URL, sourceType: Camera.PictureSourceType.CAMERA, allowEdit: true, encodingType: Camera.EncodingType.JPEG, targetWidth: 100, targetHeight: 100, popoverOptions: CameraPopoverOptions, saveToPhotoAlbum: false }; $cordovaCamera.getPicture(options).then(function(imageData) { var image = document.getElementById('myImage'); image.src = "data:image/jpeg;base64," + imageData; }, function(err) { // error });
2,拍照返回图片文件的实际存储地址(实验不成功,暂没找到问题)
var options = { destinationType: Camera.DestinationType.FILE_URI, sourceType: Camera.PictureSourceType.CAMERA, }; $cordovaCamera.getPicture(options).then(function(imageURI) { var image = document.getElementById('myImage'); image.src = imageURI; }, function(err) { // error }); $cordovaCamera.cleanup().then(...); // only for FILE_URI
把这句话去了就正常了(暂时没看到这句话有什么影响) $cordovaCamera.cleanup().then(...); // only for FILE_URI
返回的图片地址信息为(file:///storage/emulated/0/DCIM/Camera/pic.jpg)与选取图片文件插件方法返回的图片地址(data/data下)不一样
相关文章推荐
- ionic项目之ngcordova插件之camera
- ionic项目之ngcordova插件之camera
- ionic项目之ngcordova插件之camera
- ionic项目之ngcordova插件
- ionic项目之ngcordova插件
- ionic项目中手机状态栏显示使用$cordovaStatusbar插件
- ionic添加ng-cordova插件
- ionic项目中使用cordova插件跳转第三方地图APP(百度、高德)
- ionic开发插件之ngCordova配置安装
- ionic添加cordova插件-Camera
- ionic项目之cordova自定义插件的配置
- 创建ionic项目,cordova自定义插件
- ionic项目中手机状态栏显示使用$cordovaStatusbar插件
- ionic项目中使用cordova插件支付宝支付
- ionic开发插件之ngCordova配置安装
- ionic工程引入cordova plugin camera 插件编译报错问题总结
- ionic添加cordova-plugin-camera拍照插件后build报错
- Ionic系列——使用ng-cordova插件
- ionic项目中手机状态栏显示使用$cordovaStatusbar插件
- ionic开发插件之ngCordova配置安装(搬运)