如何在 Ionic 1 项目中集成 Cordoba 相机插件

Question

我正在尝试为我的 Ionic 1 项目实现一个摄像头。

但我找不到任何可靠的例子来说明如何做到这一点。 我发现： https://www.thepolyglotdeveloper.com/2014/09/use-android-ios-camera-ionic-framework/ 和 https://github.com/apache/cordova-plugin-camera 以及一些较旧的 Stack Overflow 条目。

不过，我自己还没有运行它。

Answer 1

您已经在正确的轨道上！你发现的是 Cordova 最流行的相机插件：

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

不过，这是一个纯 Cordova 插件，这意味着它没有针对 Ionic 进行任何调整。这意味着，您只需将其添加到您的项目中，就可以在 Ionic 准备好后立即使用它：

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

但是将回调作为参数传递确实不是这样做的角度方式。因此，在基本的 Cordova 相机插件之上，您可以添加 ngCordova 以增强处理能力。

要安装 ngCordova 并将其添加到您的项目，请按照以下说明操作：

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

总结一下：

1. 通过 bower 安装 ngCordova
2. 将 js 引用添加到您的 index.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
});

希望这有助于将相机成功集成到您的项目中。 ;)