Argthtjtr

I tried to upload a bunch of files through one by one (one request over another) through Observables and recursive requests, but it consumes very large RAM memory and even completes also its not releasing the memory.

My Sample code (Contains only core logical method instead of full component)

PersonInfo Interface:

interface PersonInfo {

    personId: number;

    name: string:

    email: string;

    resume: File;

    progress: number;

    isUpload: boolean;

}

PersonInfo Component Code:

uploadPersonInfo() {



    const uploadCollection: Array<PersonInfo> = [

        { personId: 1, name: "Ram", email: "ram@example.com", resume: fileCollection[0], progress: 0, isUpload: false },

        { personId: 2, name: "Kumar", email: "kumar@example.com", resume: fileCollection[1], progress: 0, isUpload: false },

        { personId: 3, name: "Prakash", email: "prakash@example.com", resume: fileCollection[2], progress: 0, isUpload: false }, 

    ];



    const httpUploadPersonInfo = (person: PersonInfo): Observable<HttpEvent<boolean>> => {

        const payload = new FormData();

        const httpOption = {

            headers: new HttpHeaders(),

            reportProgress: true

        };



        payload('id', person.personId);

        payload('name', person.name);

        payload('email', person.email);

        payload('resume', person.resume, person.resume.name);



        const req = new HttpRequest('POST', 'http://localhost:3000/Person/UploadPersonInfo', payLoad, httpOptions);



        return this.http.request<boolean>(req);

    }



    let index = 0;



   const upload = (): any => {



       if (index === uploadCollection.length) {

           return;

       }



       const person: PersonInfo = uploadCollection[index];



       httpUploadPersonInfo().subscribe((event: HttpEvent<boolean>) => {

           switch (event.type) {

               case HttpEventType.UploadProgress:

                   person.progress = Math.round((event.loaded / person.resume.size) * 100)

                   break;

               case HttpEventType.Response:

                   if(event && event.body == true) {

                       index += 1;

                       upload();

                   }

                   break;

           }

       });



   }



   upload();



}

On Init block:

ngOnInit() {

    this.uploadPersonInfo();

}

RAM Consumption:

Note: I explored the following question but it was full filled my
requirement
Angular 2 Http, Observables and recursive requests

I need to upload all person information one by one sequential order
not in parallel. Moreover I need to monitor the progress of file
upload too.

Kindly let me know the optimized way to perform this operation in Sequential order with upload file progress option.