Estoy cargando archivos/carpetas en el servidor. y el seguimiento del progreso con HttpEventType en el lado del cliente para mostrar el progreso, pero muestra que la carga del archivo se completó, incluso si no se cargó ningún archivo en el servidor. y después de algún tiempo hay una respuesta del servidor de éxito.

 fileUpload(event: any) { this.files = event.target.files; this.api.uploadFiles(this.files).subscribe((res) => { console.log(res); }) }

 uploadFiles(file:FileList){ const formData:FormData =new FormData(); formData.append("key","name") for(let i=0;i<file.length;i++){ formData.append("files",file[i]); } const req = new HttpRequest('POST',fileUploadPath, formData, { reportProgress: true }); return this.http.request(req).pipe( map(res =>{ if (res.type === HttpEventType.UploadProgress) { const percentDone = Math.round(100 * res.loaded / (res.total ?? 0)); this.loader.progressValue=percentDone; } if(res.type==HttpEventType.Response){ this.loader.displayProgress=false; } return res; }), catchError((err):any=>{this.error.handleError(err);return err}) ); }