在 angular2 中使用cordova 相机插件的问题

Question

我尝试使用 angular2 中的一个简单测试组件来运行 cordova-plugin-camera。

首先，我通过在cordova 上安装插件将插件添加到cordova。 接下来，我在 index.html 中添加了cordova.js。

<body>
  <app-root>Loading...</app-root>
  <script type="text/javascript" src="cordova.js"></script>
</body>

之后，我构建了一个简单的 angular 组件来调用cordova 插件。 这个组件有一个按钮，这个按钮应该通过cordova调用原生相机。

Componenten HTML
 <p>
  testcamera works!
</p>

<div>
  <button md-raised-button (click)="takePicture()">Picture</button>
</div>

通过单击组件上的方法/函数将被调用。 我声明了一个cordova变量来访问cordova插件。

角分量 TS

import { Component, OnInit } from '@angular/core';
declare let cordova: any;

@Component({
  selector: 'app-testcamera',
  templateUrl: './testcamera.component.html',
  styleUrls: ['./testcamera.component.css']
})
export class TestcameraComponent implements OnInit {
 public base64Image : String;
 public photos;
 public text;
 constructor() { 
  }

  ngOnInit() {
  }
   takePicture(){
    cordova.plugins.camera.getPicture({
        destinationType: cordova.plugins.camera.DestinationType.DATA_URL,
        targetWidth: 1000,
        targetHeight: 1000
    }).then((imageData) => {
      // imageData is a base64 encoded string
        this.base64Image = "data:image/jpeg;base64," + imageData;
    }, (err) => {
        console.log(err);
    });
  }

}

该组件可以正常工作，但是当我按下“图片”按钮时，该函数会被调用，但cordova 不会打开本机图片应用程序。 调用cordova.plugins.camera.getPicture(..) 不起作用。 任何人都可以帮忙吗？ 我错过了什么？ 非常感谢。

Answer 1

好吧，我帮助自己。 我遇到的问题是我选择了错误的变量。

而不是

目的地类型：cordova.plugins.camera.DestinationType.DATA_URL，

我补充一下：

目的地类型：navigator.camera.DestinationType.DATA_URL，

同样为此，我必须为它声明一个变量。

声明让导航器：任何;`

非常感谢`

在 angular2 中使用cordova 相机插件的问题

问题描述

1 个解决方案

解决方案1
0 已采纳 2017-08-14 12:04:03

在 angular2 中使用cordova 相机插件的问题

问题描述

1 个解决方案

解决方案1 0 已采纳 2017-08-14 12:04:03

解决方案1
0 已采纳 2017-08-14 12:04:03