How to convert pdf data sent from nodejs server into pdf in angularjs

Question

I'm trying to download a pdf file generated at nodejs server. When I send the data of pdf file then it is coming to angularjs frontend but I've tried blob object to convert into pdf but pdf is showing no data.

Already tried the {responseType: 'arraybuffer'} as mentioned in other answers but still my pdf is not showing any data.

Here is nodejs server which will serve the pdf data:

var pdff = require('html-pdf');
pdff.create(html, options).toFile('./report.pdf', function(err) {
if (err) return console.log(err);
  res.contentType("application/pdf");
  res.download("./report.pdf");

});

In the above code - report.pdf is generated at the server which is completely fine.

Here is the angularjs code:

   app.controller("ExampleCtrl",['FileSaver', 'Blob','$http', function(FileSaver, Blob,$http) {
  var vm = this;
        vm.consolidate=function(){
         $http.post('/mngmnt/consolidate_grv',{responseType: 'arraybuffer'}).then(function(response){
        //console.log(response.data);
        console.log(response);
        //var byteArray = new Uint8Array(response.data);
       var blob = new Blob([response.data], {  type: 'application/pdf'});
         console.log(blob);
          var fileURL = URL.createObjectURL(blob);
        //FileSaver.saveAs(blob, 'report.pdf');
        window.open(fileURL)

     });
   }
}]);

Everything is working properly but the generated pdf is not showing the same data as shown on the server side.

I'm expecting to generate the same pdf as generated at the server side

have you tried `{responseType: 'octet-stream'}` in your frontend, and `type: "application/octet-stream"` in your backend ? — Abdelkarim EL AMEL, Apr 13 '19 at 16:16
If you want the response body as a blob, all you need is `responseType: 'blob'`. But why don't you simply directly use `window.open('/mngmnt/consolidate_grv')` (and use a GET rather than a POST)? — JB Nizet, Apr 13 '19 at 16:41
@JBNizet i can not even explain how happy i'm , your idea worked for me thankyou very much — ankit sharma, Apr 13 '19 at 17:02

score 0 · Answer 1 · answered Apr 13 '19 at 20:19

app.controller("ExampleCtrl", function(FileSaver, Blob,$http) {
     var vm = this;
     vm.consolidate=function(){
         $http.post('/mngmnt/consolidate_grv', {}, {responseType: 'blob'})
           .then(function(response){
             //console.log(response.data);
             console.log(response);
             //var byteArray = new Uint8Array(response.data);
             var blob = response.data;
             console.log(blob);
             var fileURL = URL.createObjectURL(blob);
             //FileSaver.saveAs(blob, 'report.pdf');
             window.open(fileURL)    
         });
     };
});

If you insist on using a POST request, the second argument to the $http.post method needs to be the data for the body of the request. The options object needs to be the third argument.

How to convert pdf data sent from nodejs server into pdf in angularjs

1 Answers1