how to wait for http response angular

Question

Im trying to upload a file, read it and then redirect to a component but it doesn't read the file I've try await but I dont know where to put it or if there are more solutions

component

 upload() {
 this.progress.percentage = 0; 
this.currentFileUpload = this.selectedFiles.item(0);
this.uploadService.pushFileToStorage(this.currentFileUpload).subscribe(event => {
  if (event.type === HttpEventType.UploadProgress) {
    this.progress.percentage = Math.round(100 * event.loaded / event.total);
  } 
  else  if (event.type === HttpEventType.Response) {
   
  let hud: Hud
  hud =event.body as Hud
  for (let i =0; i<this.dataService.huds.length; i++ ){
  if (this.dataService.huds[i].nombre_mesa===hud.nombre_mesa){
this.dataService.huds.splice(i,1)
}
}
this.dataService.huds.push(event.body as Hud)




  }       
});

this.selectedFiles = undefined;
}

Service

pushFileToStorage(file: File): Observable<HttpEvent<{}>> {
let formdata: FormData = new FormData();

formdata.append('file', file);

const req = new HttpRequest('POST', 'http://localhost:8080/post', formdata, {
  reportProgress: true,
  responseType: 'json'
});

return this.http.request(req);
}

Mr Robot · Accepted Answer · 2022-06-08 09:18:15Z

1

You can add your logic in complete this callback is call after the action response

this.uploadService.pushFileToStorage(this.currentFileUpload).subscribe({
    next: value => console.log(value),
    error: err => console.error(err),
    complete: () => console.log('DONE!')
});

answered Jun 8, 2022 at 9:18

Mr Robot

364 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Adil B · Accepted Answer · 2022-08-24 15:12:43Z

0

pushFileToStorage(file).subscribe(event =>

switch (event.type) {
  case HttpEventType.UploadProgress:
    console.log('upload progression percentage: ', Math.round(event.loaded * 100 / event.total));
  break;
  case HttpEventType.Response:
    // upload complete.
  break;
});

answered Aug 24, 2022 at 15:12

Adil B

1442 silver badges1 bronze badge

Collectives™ on Stack Overflow

how to wait for http response angular

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related