doneit-web/src/app/services/functions/file.service.ts

import { Injectable } from '@angular/core';
import { FileLoaderService } from '../file/file-loader.service';
import { FileToBase64Service } from '../file/file-to-base64.service';
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
//Cordova
import { Camera, CameraOptions } from '@ionic-native/camera/ngx';

@Injectable({
  providedIn: 'root'
})
export class FileService {

  capturedImage:any;
  capturedImageTitle:any;

  constructor(
    private camera: Camera,
    private fileLoaderService: FileLoaderService,
    private fileToBase64Service: FileToBase64Service,
    private iab: InAppBrowser,
  ) { }

  takePicture() {
    const options: CameraOptions = {
      quality: 50,
      destinationType: this.camera.DestinationType.DATA_URL,
      encodingType: this.camera.EncodingType.JPEG,
      mediaType: this.camera.MediaType.PICTURE,
      targetWidth: 720,
      targetHeight: 720,
    }

    this.camera.getPicture(options).then((imageData) => {
      // imageData is either a base64 encoded string or a file URI
      // If it's base64 (DATA_URL): m
      //let base64Image = 'data:image/jpeg;base64,' + imageData;

      this.capturedImage = 'data:image/png;base64,'+imageData;
      this.capturedImageTitle = new Date().getTime() + '.jpeg';
    }, (err) => {
      /* console.log(err); */
    });
    let data = {
      image:this.capturedImage,
      name: this.capturedImageTitle
    }

    return data;
  }

  loadPicture() {
    const input = this.fileLoaderService.createInput({
      accept: ['image/apng', 'image/jpeg', 'image/png']
    })

    input.onchange = async () => {
      const file = this.fileLoaderService.getFirstFile(input)

      console.log(file);

      const imageData =  await this.fileToBase64Service.convert(file)
      this.capturedImage = imageData;
      this.capturedImageTitle = file.name;

      let data = {
        image:this.capturedImage,
        name: this.capturedImageTitle
      }

      return data;
    };
  }

  viewDocumentByUrl(url) {
    const browser = this.iab.create(url,"_blank");
    browser.show();
  }
}