ionic项目之ngcordova插件之camera
2015-07-27 11:03
393 查看
参考文章
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%的质量也很不清晰)
[javascript] view
plaincopy
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,拍照返回图片文件的实际存储地址(实验不成功,暂没找到问题)
[javascript] view
plaincopy
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
返回的图片地址信息为(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%的质量也很不清晰)
[javascript] view
plaincopy
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,拍照返回图片文件的实际存储地址(实验不成功,暂没找到问题)
[javascript] view
plaincopy
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下)不一样
相关文章推荐
- @property定义的成员变量
- Dijkstra最短路模板(lrj)
- iOS 使用手势UIGestureRecognizer对图像进行缩放、移动、旋转操作
- 并查集 路径压缩(详解)
- iOS tableView索引
- 抽屉原理
- javascript模块化笔记
- [译]BEAST还是一个威胁吗?
- zf-监察系统的左侧菜单树的表
- birt数据源配置
- Linux strace命令 http://www.cnblogs.com/ggjucheng/archive/2012/01/08/2316692.html
- 分治法或拓扑排序 poj1463 Strategic game
- 吉他简谱练习
- OC初始化函数和便利构造器
- 创业公司的的股权安排
- 关于系统运维监控的几点建议
- mysql优化第二天
- el表达式字符串的处理
- 判断两三角形是否相交
- codeforces 555