Angular File Saver in spring rest service

Question

I'm trying to implement FileSaver.js like this example https://github.com/alferov/angular-file-saver to download generated file by spring boot application ,I have rest service that return the file as byte array data.

@RequestMapping(value = "/generateReport/{reportId}/{parameters}",
        method = RequestMethod.GET,
        produces = MediaType.APPLICATION_JSON_VALUE)
    @Timed
    public  byte[] generateReport(@PathVariable("reportId") String reportId,
                                @PathVariable("parameters") String parameters
                                ) {

        byte[] bFile;
        //some code

        return bFile;
     }

Angular service

'generateReport': {
            method: 'GET',
            responseType: 'arraybuffer' ,
            url: 'adap_report/api/generateReport/:reportId/:parameters',
            transformResponse: function (data) {
                if (data) {
                    data = angular.fromJson(data);
                }
                return data;
                }
        },

Angularjs controller

 vm.generateReport = function() {
        Report.generateReport({reportId:entity.id,parameters:angular.toJson(vm.parameterList)}, function(result) {
        var data = new Blob([result], { type: 'application/octet-stream' });
        FileSaver.saveAs(data, 'text.txt');
        });
    };

File saver works and file downloaded but The content is wrong ,I just get file with this content

[object Object]

Can anyone please help me to save generated file with angular FileSaver.js library?

Ali-Alrabi · Accepted Answer · 2016-07-12 22:30:12Z

2

I have solved it by http

 $http.get('/adap_report/api/generateReport/'+entity.id+'/'+angular.toJson(vm.parameterList), {responseType: 'arraybuffer'})
          .success(function (data) {
              console.log(data)

              if(entity.reportoutputtypecode=="PDF"){
                  var blobData = new Blob([data], {type: 'application/pdf'});
                  var fileURL = URL.createObjectURL(blobData);
                  window.open(fileURL);               
              }else{
                var blobData = new Blob([data], {type: 'application/'+entity.reportoutputtypecode});
                FileSaver.saveAs(blobData, 'jasper-file.'+entity.reportoutputtypecode);
             }
          });

answered Jul 12, 2016 at 22:30

Ali-Alrabi

1,7506 gold badges30 silver badges62 bronze badges

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

Collectives™ on Stack Overflow

Angular File Saver in spring rest service

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related