Не удалось загрузить документ PDF - Angular JS - BLOB

Я пытаюсь получить PDF-документ из веб-API и хочу показать его в приложении Angular. Получение «Ошибка загрузки PDF-документа». Я следил за "AngularJS: отображать blob (.pdf) в приложении angular "сообщение. Принимая во внимание, что я могу успешно загрузить тот же файл, следуя "Загрузить файл из метода веб-API ASP.NET с помощью AngularJS".

Похоже, я получаю файл с пометкой "Chunked Transfer Encoded". Как-то это не декодируется при попытке показать в приложении angular. Пожалуйста, порекомендуйте.

Код веб-API:

HttpResponseMessage result = null;
        var localFilePath = @"C:\Test.pdf";

        if (!File.Exists(localFilePath))
        {
            result = Request.CreateResponse(HttpStatusCode.Gone);
        }
        else
        {// serve the file to the client
            result = Request.CreateResponse(HttpStatusCode.OK);
            result.Content = new StreamContent(new FileStream(localFilePath, FileMode.Open, FileAccess.Read));                
            result.Content.Headers.ContentDisposition = new System.Net.Http.Headers.ContentDispositionHeaderValue("attachment");
            result.Content.Headers.ContentType = new MediaTypeHeaderValue("application/pdf");
            result.Content.Headers.ContentDisposition.FileName = "Test.pdf";
            result.Content.Headers.Add("x-filename", "Test.pdf");
        }

        return result;

Угловой контроллер:

   myModule.controller("pdfviewerController", function ($scope, $http, $log, $sce) {
$http.post('/api/Sample/GetTestFile', {responseType:'arraybuffer'})
 .success(function (response) {      
  var file = new Blob([response], { type: 'application/pdf' });
  var fileURL = URL.createObjectURL(file);
  $scope.content = $sce.trustAsResourceUrl(fileURL);            
 });
});

HTML-шаблон:

<embed ng-src="{{content}}" style="width:200px;height:200px;"></embed>

person Mahesh Pulle    schedule 22.01.2015    source источник


Ответы (1)


проблема в контроллере. {responseType:'arraybuffer'} очень требуется. Для $http.get - это должен быть второй параметр. Для $http.post - это должен быть третий параметр.

В приведенном выше случае я использую $ http.post и передал {responseType:'arraybuffer'} в качестве второго параметра.

$http.post('/api/Sample/GetTestFile', {responseType:'arraybuffer'})

Исправленный код

$http.post('/api/Sample/GetTestFile','', {responseType:'arraybuffer'})

person Mahesh Pulle    schedule 04.02.2015