上传照片到服务器目录Ionic - Cordova插件

ionic cordova plugin add cordova-plugin-camera
ionic cordova plugin add cordova-plugin-file-transfer

<button (click)="takePhoto()">拍照</button>
<button (click)="choosePhoto()">选择照片</button>

import { Camera, CameraOptions } from '@ionic-native/camera/ngx';
import { FileTransfer, FileUploadOptions, FileTransferObject } from '@ionic-native/file-transfer/ngx';

constructor(private camera: Camera, private transfer: FileTransfer) {}

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

  this.camera.getPicture(options).then(imageData => {
    // 处理照片数据
    this.uploadPhoto(imageData);
  }).catch(error => {
    console.log(error);
  });
}

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

  this.camera.getPicture(options).then(imageData => {
    // 处理照片数据
    this.uploadPhoto(imageData);
  }).catch(error => {
    console.log(error);
  });
}

uploadPhoto(imageData: string) {
  const fileTransfer: FileTransferObject = this.transfer.create();

  let options: FileUploadOptions = {
    fileKey: 'photo',
    fileName: 'myphoto.jpg',
    chunkedMode: false,
    mimeType: 'image/jpeg'
  };

  fileTransfer.upload(imageData, '服务器上传目录URL', options).then(data => {
    // 上传成功处理
  }).catch(error => {
    // 上传失败处理
  });
}