前期环境
1、配置ngcordova
(插一句,之前由于没配置ngcordova直接报错[$injector:unpr] Unknown provider: $cordovaCameraProvider<-$cordovaCamera)
进入到工程目录,使用npm工具安装
npm install ngCordova
2、然后将ng-cordova.js或者ng-cordova.min.js添加到index.html中的cordova.js引入之前
<script src="lib/ngCordova/dist/ng-cordova.js"></script><script src="cordova.js"></script>
3、然后在angular中添加ngCordova依赖,
angular.module('myApp', ['ngCordova'])
4、装插件 cordova plugin add org.apache.cordova.camera
调用
1、在相应控制器加上$cordovaCamera,拍照返回图片文件的实际存储地址
$scope.takePhoto=function(){
var options = {
destinationType: Camera.DestinationType.FILE_URI,
sourceType: Camera.PictureSourceType.CAMERA,
};
$cordovaCamera.getPicture(options).then(function(imageURI) {
alert(imageURI);
$scope.imageSrc= imageURI;
}, function(err) {
// error
});
}
2、 页面调用控制器的拍照方法,启动移动设备拍照功能