Как загрузить excel с помощью Angular JS

Question

Служба Java REST (вызов POST) предоставляет файл excel в качестве ответа с помощью hssfWorkbook и возвращает excel в формате xls.

response.getOutputStream(); 
hssfWorkbook.write(out); 

Я пробовал Файловый архив, но он будет работать для JSON в качестве ответа. Я не нашел способа реализовать загрузку файла excel в угловом JS. Пожалуйста, предложите любые способы использования углового JS.

Answer 1

Попробуйте это, он будет работать.

API

httpServletResponse.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"); 
httpServletResponse.setHeader("Content-Disposition", 
         "attachment; filename=sample.xlsx"); 
workbook.write(httpServletResponse.getOutputStream()); 
workbook.close(); 
httpServletResponse.getOutputStream().close(); 

$ HTTP называют

$scope.download = function() { 
      $http({ 
       url: '/download', 
       method: "POST", 
       data: $scope.pagination, 
       headers: { 
        'Content-type': 'application/json' 
       }, 
       responseType: 'arraybuffer' 
      }).success(function(data, status, headers, config) { 
       var blob = new Blob([data], { 
        type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" 
       }); 
       saveAs(blob, "Sales_Summary_Report.xls"); 
      }).error(function(data, status, headers, config) { 

      }); 
    } 

HTML

<button ng-click="download()"> Download Excel </button> 

Answer 2

Для IE вы можете попробовать msSaveOrOpenBlob для других браузеров намекают с невидимой связью анкера должны решить, код, как это работает хорошо для меня:

$http(/*your request details */). 
      success(function(data) { 
       var blob = new Blob([data], { type: 'application/vnd.ms-excel' }), 
        fileName = 'Sales_Summary_Report.xls'; 
       if (window.navigator.msSaveOrOpenBlob) { 
        window.navigator.msSaveOrOpenBlob(blob, fileName); 
       } else { 
        var anchor = angular.element('<a/>'); 
        anchor.css({ display: 'none' }); 
        angular.element(document.body).append(anchor); 
        anchor.attr({ 
         href: (window.URL || window.webkitURL).createObjectURL(blob), 
         target: '_blank', 
         download: fileName 
        })[0].click(); 
        anchor.remove(); 
       } 
      })