All files / helpers imageHelper.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { HtmlImageReadEvent } from '@contracts/event';

export interface IImageParams {
  readonly name: string;
  readonly type: string;
  width: number;
  height: number;
  fileSize: number;
  fileExtension: string;
}

export const getImageParams = (file: File): Promise<IImageParams> => {
  const fileExtension = file.name?.split?.('.')?.pop?.() ?? '.png';
  return new Promise((resolve, reject) => {
    const reader = new FileReader();

    reader.onload = async (e: HtmlImageReadEvent) => {
      const image = new Image();
      if (e.target == null || e.target.result == null) {
        reject('e.target.result is null');
        return;
      }
      image.src = e.target.result as string;
      await image.decode();

      resolve({
        name: file.name,
        type: file.type,
        width: image.width,
        height: image.height,
        fileSize: file.size,
        fileExtension,
      });
    };
    reader.onerror = (e) => reject(e);
    reader.readAsDataURL(file);
  });
};