Fix

src/app/services/file/file-loader.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { FileLoaderService } from './file-loader.service';
+
+describe('FileLoaderService', () => {
+  let service: FileLoaderService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(FileLoaderService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

src/app/services/file/file-loader.service.ts

@@ -0,0 +1,27 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class FileLoaderService {
+
+  constructor() { }
+
+
+  loadeFile({ type = 'file'}): HTMLInputElement {
+   
+    let input = document.createElement('input');
+    input.type = type;
+
+    // input.onchange = () => {
+    //   // you can use this method to get file and perform respective operations
+    //   let files =   Array.from(input.files);
+    //   console.log(files);
+    // };
+
+    input.click();
+
+    return input
+    
+  }
+}

src/app/services/file/file-to-base64.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { FileToBase64Service } from './file-to-base64.service';
+
+describe('FileToBase64Service', () => {
+  let service: FileToBase64Service;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(FileToBase64Service);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

src/app/services/file/file-to-base64.service.ts

@@ -0,0 +1,19 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class FileToBase64Service {
+
+  constructor() { }
+
+  convert(file) {
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.readAsDataURL(file);
+      reader.onload = () => resolve(reader.result);
+      reader.onerror = error => reject(error);
+    });
+  
+  }
+}