Download PDF mit Angular

Question

Ich versuche, PDF von einem WebApi mit Angular herunterladen, aber die Datei ist nur 15 Bytes. Wenn ich die Log-Daten aus dem WebAPI empfangen wird, es ist ein Arraybuffer mit der erwarteten Größe

Die WebAPI

[HttpGet] 
    public HttpResponseMessage MatchRegistrationReport(int matchId) 
    { 
     try 
     { 
      var gen = new MSReports.Components.MatchRegistration(); 
      byte[] bytes = gen.GeneratePDF(matchId, 10); 
      var stream = new MemoryStream(bytes); 

      var result = new HttpResponseMessage(HttpStatusCode.OK) 
      { 
       Content = new StreamContent(stream) 
       //Content = new ByteArrayContent(bytes) 
      }; 
      result.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment") 
      { 
       FileName = gen.ReportName + ".pdf" 
      }; 
      result.Content.Headers.ContentType = new MediaTypeHeaderValue("application/pdf"); 
      return result; 
     } 
     catch (Exception ex) 
     { 
      Log.Error(ex.Message); 
      return Request.CreateResponse(HttpStatusCode.BadRequest, ex.Message); 
     } 
    } 

Der Winkelregler

$scope.Print = function() { 
    $scope.message = "Downloading"; 
    reportResource.printMatchRegistration($scope.match.Id).then(function (data, status, headers, config) { 
     var file = new Blob([data], { 
      type: 'application/csv' 
     }); 
     //trick to download store a file having its URL 
     var fileURL = URL.createObjectURL(file); 
     var a = document.createElement('a'); 
     a.href = fileURL; 
     a.target = '_blank'; 
     a.download = 'MatchRegistration.pdf'; 
     document.body.appendChild(a); 
     a.click(); 
     //$scope.message = "Completed"; 
    }, function (data, status, headers, config) { 
     $scope.message = "A error occurred"; 
    }); 
} 

und die Ressource

printMatchRegistration: function (matchId) { 
    return $http({ 
    method: 'get', 
    url: this.getApiPath() + "MatchRegistrationReport?matchId=" + matchId, 
    headers: { 
     'Content-type': 'application/pdf', 
    }, 
    responseType: 'arraybuffer' 
}); 

Ich glaube, es hat etwas mit dem Inhaltstyp zu tun, kann aber herausfinden, was.

Answer 1

Hallo habe gerade die Antwort

Änderung dieser

reportResource.printMatchRegistration($scope.match.Id).then(function (response) { 
    var file = new Blob([response.data], { 
     type: 'application/pdf' 
    }); 

und dieses

 printMatchRegistration: function (matchId) { 
      var data = { 'matchId': matchId }; 
      return $http({ 
       method: 'get', 
       url: this.getApiPath() + "MatchRegistrationReport", 
       params: data, 
       headers: { 
        'Content-type': 'application/pdf', 
       }, 
       responseType: 'arraybuffer' 
      }); 
     },