如何从离子网络应用程序获取图像路径并从浏览器

Question

您好我正在使用Hybrid开发ionic-3网络应用。我想从网络应用程序中选择图像和upload，但我不知道如何从网络中选择文件。任何人都可以建议我如何使用离子3从网上传图像。

我尝试了以下方法，但我得到假路径。

  

upload.html

<ion-content>
<form [formGroup]="file" (ngSubmit)="logForm()">
    <input type="file" size="50" formControlName="image">
    <button ion-button type="submit">Submit</button>
</form>
</ion-content>

  

upload.ts

   import { Component } from '@angular/core';
    import {Validators, FormBuilder, FormGroup } from '@angular/forms';
    import { IonicPage, NavController, NavParams, ViewController } from 'ionic-angular';

@IonicPage()
@Component({
  selector: 'page-upload',
  templateUrl: 'upload.html',
})
export class UploadPage {
  private file : FormGroup;
  profile_img: string;
  form: FormGroup;
  constructor(public navCtrl: NavController, public navParams: NavParams,private formBuilder: FormBuilder) {
      this.file = this.formBuilder.group({
        image: ['']
    });
  }
      logForm(){
        console.log(this.file)
    }

}

  

以上代码的输出如下图所示

谢谢。