是否可以捕捉圖像並裁切，然後將其上傳到firebase中的離子2？

Question

我搜索了很多關於通過手機攝像頭拍攝圖像的方式，然後我可以裁剪它，最後我想上傳在火力點上成形的圖像...

離子2有可能嗎？或者沒有辦法做到這三個步驟收集？

Answer 1

您可以使用手機攝像頭捕捉圖像並剪切並上傳到服務器。有兩個選項如下。

1. https://github.com/jeduan/cordova-plugin-crop
2. https://ampersandacademy.com/tutorials/ionic-framework-version-2/upload-an-image-to-the-php-server-using-ionic-2-transfer-and-camera-plugin

選項1：

import { Injectable } from '@angular/core'; 
import { Platform } from 'ionic-angular'; 
import { Camera, Crop } from 'ionic-native'; 

@Injectable() 
export class CameraService { 

    public options: any = { 
     allowEdit: true, 
     sourceType: Camera.PictureSourceType.SAVEDPHOTOALBUM, 
     mediaType: Camera.MediaType.ALLMEDIA, 
     destinationType: Camera.DestinationType.FILE_URI 
    } 

    constructor(public platform: Platform) {} 

    // Return a promise to catch errors while loading image 
    getMedia(): Promise<any> { 
    // Get Image from ionic-native's built in camera plugin 
    return Camera.getPicture(this.options) 
     .then((fileUri) => { 
     // Crop Image, on android this returns something like, '/storage/emulated/0/Android/...' 
     // Only giving an android example as ionic-native camera has built in cropping ability 
     if (this.platform.is('ios')) { 
      return fileUri 
     } else if (this.platform.is('android')) { 
      // Modify fileUri format, may not always be necessary 
      fileUri = 'file://' + fileUri; 

      /* Using cordova-plugin-crop starts here */ 
      return Crop.crop(fileUri, { quality: 100 }); 
     } 
     }) 
     .then((path) => { 
     // path looks like 'file:///storage/emulated/0/Android/data/com.foo.bar/cache/1477008080626-cropped.jpg?1477008106566' 
     console.log('Cropped Image Path!: ' + path); 
     return path; 
     }) 
    } 

}