Erfassen und speichern Sie ein Bild mit der Kamera aufgenommen, die in eine lokale Datenbank / PhoneGap / Cordova / iOS

Ok, hier ist die Lösung.

• in der Html-Datei

• Habe ich ein image-tag für die Anzeige des Bildes von der Kamera aufgenommen wurden :

• Habe ich eine Schaltfläche, die führt eine Funktion für das Foto :
  Capture Photo

• Die Funktion zum erfassen von Fotos (wenn das Foto aufgenommen wird, die scr 'smallImage' id gefüllt ist mit dem Pfad des Foto -)

  function capturePhoto() {
  //Take picture using device camera and retrieve image as base64-encoded string
      navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 50 });
  }
  
  //Callback function when the picture has been successfully taken
  function onPhotoDataSuccess(imageData) {                
      //Get image handle
      var smallImage = document.getElementById('smallImage');
  
      //Unhide image elements
      smallImage.style.display = 'block';
      smallImage.src = imageData;
  }
  
  //Callback function when the picture has not been successfully taken
  function onFail(message) {
      alert('Failed to load picture because: ' + message);
  }

• Nun möchte ich das Bild in einem permanenten Ordner und speichern Sie den link in meine Datenbank :

  function movePic(file){ 
      window.resolveLocalFileSystemURI(file, resolveOnSuccess, resOnError); 
  } 
  
  //Callback function when the file system uri has been resolved
  function resolveOnSuccess(entry){ 
      var d = new Date();
      var n = d.getTime();
      //new file name
      var newFileName = n + ".jpg";
      var myFolderApp = "EasyPacking";
  
      window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSys) {      
      //The folder is created if doesn't exist
      fileSys.root.getDirectory( myFolderApp,
                      {create:true, exclusive: false},
                      function(directory) {
                          entry.moveTo(directory, newFileName,  successMove, resOnError);
                      },
                      resOnError);
                      },
      resOnError);
  }
  
  //Callback function when the file has been moved successfully - inserting the complete path
  function successMove(entry) {
      //I do my insert with "entry.fullPath" as for the path
  }
  
  function resOnError(error) {
      alert(error.code);
  }

• Meine Datei wurde in der Datenbank gespeichert, um es anzuzeigen, setze ich die "file://" vor der Zeile mit dem image src

Hoffe, dass dies helfen.
J.

P. S. :
- vielen Dank an Simon Mac Donald (http://hi.im/simonmacdonald) für seinen Beitrag auf googledocs.

InformationsquelleAutor der Antwort Jérôme

if (index == '0')
{
    var options = {
        quality: 50,
        destinationType: Camera.DestinationType.FILE_URI,
        sourceType: Camera.PictureSourceType.CAMERA,
        allowEdit: false,
        encodingType: Camera.EncodingType.JPEG,
        popoverOptions: CameraPopoverOptions,
        saveToPhotoAlbum: false,
        correctOrientation:true
    };

    $cordovaCamera.getPicture(options).then(movePic,function(imageData) {
        $rootScope.imageUpload=imageData;
    }, function(err) {
        console.error(err);
    });

    function movePic(imageData){
        console.log("move pic");
        console.log(imageData);
        window.resolveLocalFileSystemURL(imageData, resolveOnSuccess, resOnError);
    }

    function resolveOnSuccess(entry){
        console.log("resolvetosuccess");

        //new file name
        var newFileName = itemID + ".jpg";
        var myFolderApp = "ImgFolder";

        window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSys) {
            console.log("folder create");

            //The folder is created if doesn't exist
            fileSys.root.getDirectory( myFolderApp,
                {create:true, exclusive: false},
                function(directory) {
                    console.log("move to file..");
                    entry.moveTo(directory, newFileName,  successMove, resOnError);
                    console.log("release");

                },
                resOnError);
        },
        resOnError);
    }

    function successMove(entry) {
        //I do my insert with "entry.fullPath" as for the path
        console.log("success");
        //this is file path, customize your path
        console.log(entry);
    }

    function resOnError(error) {
        console.log("failed");
    }

}

InformationsquelleAutor der Antwort manoz

Gibt es 3 Schritte:

1. Bekommen das Foto. Apple hat ein gutes Beispiel für diese auf dem iPhone dev-site
2. Holen Sie sich Ihre Dokumente, Verzeichnis, etwa so:

   
   NSArray *arrayPaths = NSSearchPathForDirectoriesInDomains(
               NSDocumentDirectory,
               NSUserDomainMask,
               YES);
   NSString *docDir = [arrayPaths objectAtIndex:0];

3. Und schließlich die Speicherung der UIImage habe Sie in Schritt 1 auf die Festplatte:

   
   NSString *filename = @"mypic.png";
   NSString *fullpath = [docDir stringByAppendingPathComponent:filename];
   [UIImagePNGRepresentation(image) writeToFile:fullpath atomically:YES];

InformationsquelleAutor der Antwort samkass