javascript - 当您收到来自服务器的 blob 响应时，如何填充提示浏览器窗口？

Question

我在kendo网格上有exportChallenges按钮，可以使用angularJs工厂将网格数据导出到excel，我从服务器端收到了休息服务响应(Blob)，但它没有提示浏览器上的用户保存、打开或下载选项。

如何使用 Angularjs 或 native JavaScript 解决此问题？

导出.js

$scope.exportChallenges = function() {
      processFactory.exportPrcChallenges($stateParams.processId, challengeType);
      .success(function(response) {
          var blob = new Blob([response.data], {
              type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
          });
          debugger;
          var objectUrl = URL.createObjectURL(blob);
          window.open(objectUrl);
      });
  };

Answer 1

打开 blob 取决于浏览器(即 IE 在 API 中有自己的实现)。这样做:

var blob = new Blob([response.data], {type: contentType});

//call the save blob API in IE
if(window.navigator && window.navigator.msSaveOrOpenBlob) {
    //save or open prompt in IE
    //there's a save prompt too, depending on what you need
    window.navigator.msSaveOrOpenBlob(blob, "filename");
} else { //other browsers
    var objectUrl = URL.createObjectURL(blob);
    window.open(objectUrl);
}