Angular file upload progress percentage

angular file file-upload multipart
komron picture komron · Oct 31, 2017 · Viewed 38.4k times · Source

In my application that i am developing in Angular 4, user can upload multipart files into server. Files are large. I need to show the current progress of file upload process with it's percentage to user, how can i do it?

Thanks in advance!

Answer

Shantam Mittal picture Shantam Mittal · Apr 24, 2019 
uploadDocument(file) {

    return this.httpClient.post(environment.uploadDocument, file, { reportProgress: true, observe: 'events' })
}

Related questions

Angular: How to download a file from HttpClient?

I need download an excel from my backend, its returned a file. When I do the request I get the error: TypeError: You provided 'undefined' where a stream was expected. You can provide an Observable, Promise, Array, or Iterable. My …

Read More
Angular 2 encode image to base64

I want to encode the uploaded files to base64 so that I can pass them to the request. The problem is that I'm using Angular 2 with Typescript and I couldn't find any info on how to do that. I found …

Read More
Whats the default path for static files in Angular2?

I'm currently working on a small Angular2 project. In my case i have to reroute some of the requests (like "/faq", "/aboutus") back to my old backend server to get some server side rendered thymeleaf templates. Therefore i'm using the …

Read More