Cordova 相机 - Ionic

我已经寻找解决方案近两天了。 我正在尝试使用 ngCordova 相机插件。

我将 ionic-yeoman 框架与 AngularJS 结合使用。

我所做的是：

bower install --save ngCordova.

Added ngCordova to my app.module。 安装cordova相机插件：

cordova plugin add org.apache.cordova.camera.

我的控制器：

.controller('profileCtrl', function($scope, myService, $cordovaCamera)
{
  $scope.takePicture = function() {
    var options = { 
        quality : 75, 
        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) {
      // Success! Image data is here
    }, function(err) {
      // An error occured. Show a message to the user
    });
  }

  myService.getFoo().then(function(data) {
   //this will execute when the 
   //AJAX call completes.
   $scope.items = data;
  });
})

我收到此错误：ReferenceError：Camera is not defined

如果您通过以下方式提供您的应用程序browser，无论你使用什么cordova关于设备的使用，不起作用。但是，如果即使在模拟器或设备本身中提供应用程序后仍然遇到问题。请尝试以下步骤。

首先，检查cordova插件列表：

进入项目目录类型：cordova plugin lists

1. see for cordova-plugin-media-capture, cordova-plugin-camera（如果这些不在列表中，那么您只是缺少插件）。 运行命令cordova plugin add cordova-plugin-media-capture and cordova plugin add cordova-plugin-camera

2. 如果插件存在并且您仍然遇到相机未定义的问题

   • cordova plugin rm cordova-plugin-camera
   • cordova plugin rm cordova-plugin-media-capture
   • ionic platform rm android
   • ionic platform add android
   • cordova plugin add cordova-plugin-camera
   • cordova plugin add cordova-plugin-media-capture

您的index.html 中必须包含以下内容

 <script src="lib/ngCordova/dist/ng-cordova.js"></script>
    <script src="cordova.js"></script>