第一步：先上工程目录结构-------------------------------

说明：开发测试的时候需要在真机上调试拍照功能 不懂的可以加JS前端群：JS前端（HTML5） 458633781

第二步：上主页面HTML-------------------------------index.html

    
    
     
      
      
       
        
        
        
         
         
          
           
           
            
            
             
              
               This is my take photos list page
               
                
                 
                  
                   
                     
                    
                     
                      
                        
                       
                        
                         
                           
                          
                           
                            
                              点击“+”完成拍照，本次上传照片最多3张。
                             
                              
                               OK，SUBMIT
                              
                             
                            
                           
                          
                         
                        
                       
                      
                     
                    
                   
                  
                 
                
               
              
             
            
           
          
         
        
       
      
     
    

第三步：上app.js-------------------------------takePhoto\www\js\app.js

// Ionic Starter App// angular.module is a global place for creating, registering and retrieving Angular modules// 'starter' is the name of this angular module example (also set in a  attribute in index.html)// the 2nd parameter is an array of 'requires'var exampleApp = angular.module('starter', ['ionic','ngCordova']).run(function($ionicPlatform) {  $ionicPlatform.ready(function() {    if(window.cordova && window.cordova.plugins.Keyboard) {      // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard      // for form inputs)      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);      // Don't remove this line unless you know what you are doing. It stops the viewport      // from snapping when text inputs are focused. Ionic handles this internally for      // a much nicer keyboard experience.      cordova.plugins.Keyboard.disableScroll(true);    }    if(window.StatusBar) {      StatusBar.styleDefault();    }  });});exampleApp.controller("ExampleController", 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        });    } });

源码链接：