如何在離子1項目中集成科爾多瓦相機插件

Question

我正在試圖爲我的離子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爲確實沒有做到這一點的角度方式。所以頂部的基本科爾多瓦攝像頭插件可以添加ngCordova來加強處理。

要安裝並添加ngCordova到項目中遵循這些說明：

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

把它包起來：

1. 通過亭子安裝ngCordova
2. 添加JS參考索引。 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 
}); 

希望這有助於相機在你的項目成功整合。 ;）