2016-11-09 8 views
0

Ionic 1プロジェクトにカメラを実装しようとしています。Ionic 1プロジェクトにCordoba Camera Pluginを統合する方法

しかし、私はそれを行う方法の信頼できる例を見つけることができません。 見つけた: https://www.thepolyglotdeveloper.com/2014/09/use-android-ios-camera-ionic-framework/https://github.com/apache/cordova-plugin-camera といくつかの古いスタックオーバーフローのエントリ。

まだ、私は自分自身を実行していない。

答えて

0

あなたはすでに正しい軌道に乗っています!あなたが見つかったことはコルドバのための最も人気のあるカメラプラグインです:

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

これは、それがイオンのためにどのような方法で調整していないことを意味し、しかし純粋なコルドバのプラグインです。これは、あなたは自分のプロジェクトに追加し、イオンが準備ができているとすぐにそれを使用することができ、意味:

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

しかしのparamsとしてコールバックを渡すと、確かにこれを行うには、角度の方法ではありません。したがって、の上に基本的なCordovaカメラプラグインのを追加すると、ngCordovaを追加して処理を強化することができます。

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

それをラップするには:これらの指示に従ってプロジェクトにngCordovaをインストールして追加するには

  1. はあなたのインデックスへのjsの参照を追加します亭
  2. 経由ngCordovaをインストールします。 html
  3. あなたのapp.jsへの依存としてngCordovaモジュールを追加します。
  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 
}); 

希望は、これはあなたのプロジェクトで正常にカメラを統合するのに役立ちます。 ;)

+0

ありがとうございます!すぐにそれを試してみてください。それはちょうどすぐに多くのことを試みたと思われ、すべての異なるドキュメントで混乱していた:) –

関連する問題