file-processing.ts

function fetchFileDimensionsAsBlob(file: File) {
  const src = URL.createObjectURL(file);
      const image = new Image();
      image.onload = function() {
        resolve({
          src,
          dimensions: {
            width: image.width,
            height: image.height,
          },
        });
      };
      image.src = src;  
}

function fetchFileDimensionsAsBase64(file: File) {
  return new Promise((resolve) => {
  const fileReader = new FileReader();
  fileReader.onload = (fileEvent) => {
  const src = fileEvent.target.result as string;
  const image = new Image();
  image.onload = function() {
    resolve({
      src,
      dimensions: {
        width: image.width,
        height: image.height,
      },
    });
   };
    image.src = src;
  };
  fileReader.readAsDataURL(file);
});
}