app_vue2/services/data/processor/imageProcessor.ts

import {DataProviderArgs, Processor} from '~/types/interfaces'
import BaseProcessor from '~/services/data/processor/baseProcessor'
import {QUERY_TYPE} from '~/types/enums'

class ImageProcessor extends BaseProcessor implements Processor {
  /**
   * @param {DataProviderArgs} args
   */
  public static support(args: DataProviderArgs): boolean {
    return args.type === QUERY_TYPE.IMAGE
  }

  /**
   * proccessing des data
   * @param {BlobPart[]} data
   */
  // eslint-disable-next-line require-await
  async process(data: any): Promise<any> {
    let blob = new Blob([data], {type: 'image/jpeg'});
    return await this.blobToBase64(blob);
  }

  /**
   * Transforme un Blob en Base64
   * @param {Blob} blob
   */
  async blobToBase64(blob: Blob) {
    return new Promise((resolve, _) => {
      const reader = new FileReader();
      reader.onloadend = () => resolve(reader.result);
      reader.readAsDataURL(blob);
    });
  }
}

export default ImageProcessor