How to receive blob responses using Angular’s 2+ @angular/http module?

by

With the release of Angular2 final we can define for example a service:

@Injectable()
export class AngularService {

    constructor(private http: Http) {}

    download(model: MyModel) { //get file from service
        this.http.post("http://localhost/a2/pdf.php", JSON.stringify(model), {
            method: RequestMethod.Post,
            responseType: ResponseContentType.Blob,
            headers: new Headers({'Content-Type', 'application/x-www-form-urlencoded'})
        }).subscribe(
            response => { // download file
                var blob = new Blob([response.blob()], {type: 'application/pdf'});
                var filename="file.pdf";
                saveAs(blob, filename);
            },
            error => {
                console.error(`Error: ${error.message}`);
            }
        );
    }
}

This service will get the file and then serve it to a user.

Example for zip file: How to use JAX-RS and Angular 2+ to download a zip file

More Related Contents:

  1. Angular/RxJS When should I unsubscribe from `Subscription`
  2. What is the correct way to share the result of an Angular Http network call in RxJs 5?
  3. Is it necessary to unsubscribe from observables created by Http methods?
  4. Angular HTTP GET with TypeScript error http.get(…).map is not a function in [null]
  5. Avoiding nesting subscriptions in Angular 2+?
  6. Convert Promise to Observable
  7. take(1) vs first()
  8. RxJS: takeUntil() Angular component’s ngOnDestroy()
  9. Angular Subscribe within Subscribe
  10. Passing Data with Subjects and Proxies
  11. How to cancel/unsubscribe all pending HTTP requests in Angular 4+
  12. How to make a sequence of http requests in Angular 6 using RxJS
  13. Angular subscribe elegant
  14. TypeError: You provided an invalid object where a stream was expected. You can provide an Observable, Promise, Array, or Iterable
  15. Behaviour subject initial value null?
  16. Observable.of is not a function
  17. fromPromise does not exist on type Observable
  18. Angular 2 Observable with multiple subscribers
  19. Rxjs Retry with Delay function
  20. tap() isn’t triggered in RXJS Pipe
  21. How to correctly import operators from the `rxjs` package
  22. Subscribing to a nested Observable
  23. What is pipe for in RxJS?
  24. How to throw error from RxJS map operator (angular)
  25. How to return value inside subscribe Angular 4
  26. Angular 5 to 6 Upgrade: Property ‘map’ does not exist on type Observable
  27. Do I need to `complete()` takeUntil Subject inside ngOnDestroy?
  28. Angular2 watch for 302 redirect when fetching resource
  29. FormControl.detectchanges – why use distinctUntilChanged?
  30. How to send 1000 XHTTP Requests with maximum number of parallel requests

Leave a Comment