离子科尔多瓦相机不工作

Question

我正在使用以下 Git (see here the code) 作为 Phonegap Build 的输入，并已在我的 phone 上正确安装该应用程序 (iOS)。

应用程序可以正确打开，但是当我尝试拍照（单击按钮）时没有任何反应。它应该显示相机拍摄的图像。

有人可以向我解释什么不起作用吗？教程来自Ionic官网。

备选方案：有人有 phonegap 的工作 .git 或代码吗？

Answer 1

好的，所以我想通了，一切都是为了正确设置 config.xml！

此处概述了如何使用 Ionic 和 Phonegap Build 构建示例相机应用程序

1.安装 NodeJS 或转到 c9.io（云环境）并启动 NodeJs 项目。如果需要，删除所有文件

2。安装 Ionic 并启动项目（此处：选项卡）

npm install -g cordova ionic
ionic start myApp tabs

2a。 cd myApp

2b。可选，添加插件（如果在浏览器或模拟器上测试）

cordova plugin add org.apache.cordova.camera

3。光盘 www

4.通过 Bower 安装或将 ngCordova 解压到 /lib

bower install ngCordova

5.在 index.html

中添加 ngCordova 引用

在index.html中添加

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

之前

<script src="cordova.js"></script>

6.在 app.js 添加 'ngCordova' 作为依赖项

angular.module('starter', ['ionic', 'starter.controllers', 'starter.services', 'ngCordova'])

7.写控制器

.controller("ExampleCtrl", function($scope, $cordovaCamera) {

    $scope.takePicture = function() {
        var options = { 
            quality : 75, 
            destinationType : Camera.DestinationType.DATA_URL, 
            sourceType : Camera.PictureSourceType.CAMERA, 
            allowEdit : true,
            encodingType: Camera.EncodingType.JPEG,
            targetWidth: 300,
            targetHeight: 300,
            popoverOptions: CameraPopoverOptions,
            saveToPhotoAlbum: false
        };

        $cordovaCamera.getPicture(options).then(function(imageData) {
            $scope.imgURI = "data:image/jpeg;base64," + imageData;
        }, function(err) {
            // An error occured. Show a message to the user
        });
    }

});

8.在.html中使用控制器（不要忘记在app.js中使用ExampleCtrl添加状态tab.example）

<ion-view view-title="Example">
  <ion-content>
    <img ng-show="imgURI !== undefined" ng-src="{{imgURI}}">
    <img ng-show="imgURI === undefined" ng-src="http://placehold.it/300x300">
    <button class="button" ng-click="takePicture()">Take Picture</button>
  </ion-content>
</ion-view>

9.添加适当的 config.xml。使用此模板：

https://github.com/phonegap/phonegap-start/blob/master/www/config.xml

离子科尔多瓦相机不工作

Ionic Cordova Camera not working

ios

cordova

ionic-framework