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/

包装起来：

通过凉亭安装ngCordova
将js引用添加到index.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
});

希望这有助于在您的项目中成功集成相机。 ;）

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

1 个答案: