[android]科尔多瓦 Camera -离子

标签: Android AngularJS
发布时间: 2017/3/19 14:42:45
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我已经寻找一个解决方案到几乎 2 天。 我想使用 ngCordova Camera 插件。

我与 AngularJS 使用离子自耕农框架。

我所做的是︰

bower install --save ngCordova.

添加 ngCordova 到我 app.module 。 安装科尔多瓦 camera 插件︰

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

解决方法 1:

如果你为您的应用程序通过 browser ,无论你使用的 cordova 关于设备的使用,不工作。但是,如果你有甚至服刑到您的应用程序在仿真器或设备本身的问题。请尝试以下步骤。

首先,检查科尔多瓦插件列表︰

转到项目目录 type :cordova plugin lists

  1. 请参阅 cordova-plugin-media-capturecordova-plugin-camera (如果这些都没有在列表中,你只缺掉您的插件)。 运行命令 cordova plugin add cordova-plugin-media-capturecordova plugin add cordova-plugin-camera

  2. 如果插件有没有和你仍然遇到的问题 camera 未定义

    • 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>
官方微信
官方QQ群
31647020