Загрузка PDF с AngularJS и WebAPI

Question

У меня есть приложение AngularJS, мне нужно позвонить в наш WebAPI, чтобы загрузить файл PDF.PDF успешно загружен, но когда он открыт, он пуст.Я использовал Postman для проверки своего кода webapi, и при открытии я получаю правильный PDF-файл.Еще один замечание: PDF-файл для загрузки составляет около 45 КБ, а пустой PDF-файл - около 77 КБ.Вот мой код API:

public IHttpActionResult GetStatement(int id)
{
    try
    {
        var path = "c:/temp/";
        var filename = "pdffile.pdf";
        var filePath = path + filename;

        if (File.Exists(filePath))
        {
            // PDF file exists
            var dataBytes = File.ReadAllBytes(filePath);
            IHttpActionResult response;
            HttpResponseMessage responseMsg = new HttpResponseMessage(HttpStatusCode.OK);
            responseMsg.Content = new ByteArrayContent(dataBytes);
            responseMsg.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment");
            responseMsg.Content.Headers.ContentDisposition.FileName = filename;
            responseMsg.Content.Headers.ContentType = new MediaTypeHeaderValue("application/pdf");
            response = ResponseMessage(responseMsg);

            return response;
        }
        else
        {
            // File not found
            }

        return Ok();
    }
    catch (Exception ex)
    {
    }
}

А вот мой код AngularJS (я пробовал массив буферов как responseType, который все еще дает мне пустой PDF)

 $http.post('https://localhost/api/download-statement/1', { responseType: 'blob' })
    .then(function (response) {
        var binaryData = [];
        binaryData.push(response.data);

        var file = window.URL.createObjectURL(new Blob(binaryData, { type: "application/pdf" }));
        var a = document.createElement("a");
        a.href = file;
        a.download =  "file.pdf";
        document.body.appendChild(a);
        a.click();
        // remove `a` following `Save As` dialog, 
        // `window` regains `focus`
        window.onfocus = function () {
              document.body.removeChild(a)
        }
    },
    function (error) {

});

ЧТО ТАКОЕЯ делаю не так?Я пробовал много разных примеров, но все они приводят к пустому PDF.

Answer 1

что должно сделать трюк,

  $http({
        url: 'https://localhost/api/download-statement/1',
        method: "POST",
        responseType: 'arraybuffer'
    }).success(function (data, status, headers, config) {
        var blob = new Blob([data], {type: "application/pdf"});
        var objectUrl = URL.createObjectURL(blob);
        window.open(objectUrl);
    }).error(function (data, status, headers, config) {
    });