chaman-1

//Filename: upload.component.ts
import { Component, OnInit } from '@angular/core';
import { UploadService } from '../upload.service';
import { map, expand } from 'rxjs/operators';
import { EMPTY } from 'rxjs';

export class uploadFiles {
  constructor(public video: File, public path: string, public uploadURI: string) {
    this.video = video;
    this.path = path;

chaman-1

import { Component } from '@angular/core';
import { map, expand } from 'rxjs/operators';
import { EMPTY } from 'rxjs';
import { CompressorService } from './compressor.service';

@Component({
  selector: 'app-root',
  template: '<input type="file" (change)="process($event)" multiple/>',
  styles: ['']
})

chaman-1

/*
<!-- HTML Part -->
<input id="file" type="file" accept="image/*">
<script>
    document.getElementById("file").addEventListener("change", function (event) {
	compress(event);
});
</script>
*/

chaman-1

file: FileList; //populated on filechange
uploadURI: Array < String >; //populated after filechange
  
public Tus() {
     if (this.file.length > 0 && this.uploadURI.length > 0) {
         this.uploadService.tusUpload(this.file, this.uploadURI);
     }
 } else {
     alert('file length error');
   }