So integrieren Sie Cordoba Camera Plugin in Ionic 1 Projekt

Question

Ich versuche eine Kamera zu meinem Ionic 1 Projekt zu implementieren.

Aber ich kann keine zuverlässigen Beispiele finden, wie man das macht. Ich fand: https://www.thepolyglotdeveloper.com/2014/09/use-android-ios-camera-ionic-framework/ und https://github.com/apache/cordova-plugin-camera und einige ältere Stack Overflow Einträge.

Noch habe ich es selbst nicht laufen.

Answer 1

Sie sind bereits auf dem richtigen Weg! Was Sie gefunden ist die beliebteste Kamera-Plugin für Cordova:

https://github.com/apache/cordova-plugin-camera

Dies ist ein reines Cordova Plugin ist aber, was bedeutet, dass es nicht in irgendeiner Weise für Ionic eingestellt wird. Das bedeutet, Sie fügen Sie ihn einfach zu Ihrem Projekt, und es kann so schnell verwenden, wie Ionic ist fertig:

ionic.Platform.ready(function() { 
    navigator.camera.getPicture(onSuccess, onFail, options); 
}); 

Aber Rückrufe als params vorbei ist in der Tat nicht der Winkel Art und Weise, dies zu tun. So oben des grundlegenden Cordova Kamera-Plugin können Sie ngCordova hinzufügen, um die Handhabung zu verbessern.

zu installieren und füge ngCordova zu einem Projekt wie folgt vor:

http://ngcordova.com/docs/install/

Um es einpacken:

1. ngCordova über Bower installieren
2. Add js Verweis auf Ihren Index. html
3. Fügen Sie das ngCordova-Modul als Abhängigkeit zu Ihrer app.js
hinzu
4. Falls Sie alles korrekt hinzugefügt haben, injizieren Sie $ cordovaCamera in Ihren Controller, Ihre Direktive oder Ihren Dienst, um sie zu benutzen.

Auf diese Weise können Sie die Kamera die Winkel Art und Weise zuzugreifen, ist es, mehr über Sie können hier finden:

http://ngcordova.com/docs/plugins/camera/

/** 
* taken from the docs linked above 
* you can now make use of promises here! 
*/ 
$cordovaCamera.getPicture(options).then(function(imageData) { 
    var image = document.getElementById('myImage'); 
    image.src = "data:image/jpeg;base64," + imageData; 
}, function(err) { 
    // error 
}); 

hoffe, das hilft, die Kamera erfolgreich in Ihrem Projekt zu integrieren. ;)