Question

我正在使用Ionic团队的DevApp来测试应用程序。并且只想实现图像上传功能，但无法通过FILE_URI从设备获取图像。

我的离子信息：

    @ionic/cli-utils  : 1.19.0
    ionic (Ionic CLI) : 3.19.0

global packages:

    cordova (Cordova CLI) : 8.0.0

local packages:

    @ionic/app-scripts : 3.1.6
    Cordova Platforms  : android 6.3.0 ios 4.4.0
    Ionic Framework    : ionic-angular 3.9.2

System:

    Android SDK Tools : 26.1.1
    Node              : v6.11.1
    npm               : 3.10.10
    OS                : Windows 7

Environment Variables:

    ANDROID_HOME : C:\Android\sdk

Misc:

    backend : legacy

我想从照片库中选择一张照片或者使用相机拍摄新照片，然后将图像显示给用户。但它无法通过图像路径找到图像。

takePicture(sourceType) {
    const options: CameraOptions = {
      quality: 100,
      encodingType: this.camera.EncodingType.JPEG,
      mediaType: this.camera.MediaType.PICTURE,
      sourceType: sourceType,
      destinationType: this.camera.DestinationType.FILE_URI
    }

    this.camera.getPicture(options).then((image) => {
      this.form.imageData = image;

     }, (err) => {
        console.log('error: ' + JSON.stringify(err));
     });
  }

在页面中我将file_uri传递给组件：

<img [src]="form.imageData" [hidden]="!form.imageData" />
{{form.imageData}}

form.imageData是一个文本数据：

file:///var/mobile/Containers/Data/Application/.../tmp/photo_002.jpg

但它没有显示任何图像。

我做错了什么？如何使用Ionic DevApp测试图像上传/预览功能？

PS。我可以使用base64数据而不是文件uri来预览图像，但是对于上传，我应该使用file_uri。

Ionic DevApp

0 个答案: