Ionic 1 프로젝트에 Cordoba Camera Plugin을 통합하는 방법

Question

Ionic 1 프로젝트에 카메라를 구현하려고합니다.

하지만 그 방법에 대한 신뢰할만한 예제를 찾을 수 없습니다. 찾았습니다 : https://www.thepolyglotdeveloper.com/2014/09/use-android-ios-camera-ionic-framework/ 및 https://github.com/apache/cordova-plugin-camera 및 일부 이전 스택 오버플로 항목.

그래도 나는 그것을 스스로 실행하지 못했습니다.

Answer 1

당신은 이미 올바른 길을 걷고 있습니다! 당신이 발견 한 것은 코르도바의 가장 인기있는 카메라 플러그인 :

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

이 순수 코르도바 플러그인이 이온에 대한 어떤 방식으로 조정되지 것을 의미하지만입니다. 이것은 당신이 당신의 프로젝트에 추가하고 이온이 준비되는 즉시 사용할 수 있습니다 의미 :

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

그러나 PARAMS로 콜백을 전달하는 것은 참으로이 작업을 수행하는 각 방법이 아니다. 따라서 위에 기본 Cordova 카메라 플러그인을 추가하면 ngCordova를 추가하여 처리를 향상시킬 수 있습니다.

다음 지침에 따라 설치하고 프로젝트에 ngCordova를 추가하려면

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

그것을 마무리하려면

1. 이 색인에 정자를 통해
2. 추가 JS 참조를 ngCordova를 설치합니다. html
3. ngCordova 모듈을 app.js에 종속성으로 추가하십시오.
4. 모든 것을 올바르게 추가했다면 컨트롤러, 지시어 또는 서비스에 $ cordovaCamera를 삽입하여 사용하십시오.

이 카메라를 각 방법에 액세스 할 수 있습니다, 그것에 대해 더 여기에서 찾을 수 있습니다

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 
}); 

희망은이 프로젝트에서 성공적으로 카메라를 통합하는 데 도움이됩니다. ;)