我正在使用以下
Git (see here the code)作为Phonegap Build的输入,并已正确安装了我的手机上的应用程序(iOS).
该应用程序正确打开,但当我尝试拍照(点击按钮)时没有任何反应.它应该显示相机拍摄的图像.
有人可以向我解释什么不起作用?该教程来自Ionic网站.
解决方法
哦,所以我想出来了,这完全是关于正确设置config.xml!
以下是如何使用Ionic和Phonegap Build构建示例相机应用程序的概述
1.安装NodeJS或转到c9.io(云环境)并启动NodeJs项目.如果需要,删除所有文件
2.安装Ionic并启动项目(此处:标签)
npm install -g cordova ionic ionic start myApp tabs
2A. cd myApp
cordova plugin add org.apache.cordova.camera
3. cd www
4.通过Bower安装或在/ lib中解压缩ngCordova
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>
https://github.com/phonegap/phonegap-start/blob/master/www/config.xml
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。