如何在离子1项目中集成科尔多瓦相机插件
问题描述:
我正在试图为我的离子1项目实现相机。如何在离子1项目中集成科尔多瓦相机插件
但我找不到任何可靠的例子,如何做到这一点。 我发现: https://www.thepolyglotdeveloper.com/2014/09/use-android-ios-camera-ionic-framework/ 和 https://github.com/apache/cordova-plugin-camera 和一些较旧的堆栈溢出条目。
尽管如此,我还没有掌握它。
答
您目前已处于正确的轨道!你发现是科尔多瓦最流行的相机插件:
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/
把它包起来:
- 通过亭子安装ngCordova
- 添加JS参考索引。 html
- 将ngCordova模块作为依赖添加到您的app.js
- 如果您正确添加了所有内容,请在您的控制器,指令或服务中注入$ 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
});
希望这有助于相机在你的项目成功整合。 ;)
非常感谢!我马上试试。它似乎只是一次尝试了很多事情,并被所有不同的文档混淆:) –