Скачать PDF с Угловыми

Question

Попытки загрузить PDF-документ с Угловым, мы писали это:

var _config = { headers : {'Accept' : '*/*'}, 
       responseType : 'arraybuffer' 
       }; 

var success = function(data, status, header, config) { 
    $log.debug('Download resume success - type:' + typeof (data)); 
    var _contentType = (header('Content-Type')); 
    var blob = new Blob([ data ], { type : _contentType }); 
    var url = (window.URL || window.webkitURL).createObjectURL(blob); 
    var anchor = angular.element('<a/>'); 
    anchor.attr({ 
     href : url, 
     target : '_blank', 
     download : _fileName 
    })[0].click(); 
} 
$http.get(_url, _config).success(success).error(error); 

Мы перепробовали все перестановки сгустка и ArrayBuffer но data всегда возвращается в виде строки с расширенными символами «расшифрованных «то есть сломанный.

_contentType всегда application/pdf, хотя мы попытались сделать его application/octet-stream.

Предложения и указатели приветствуются!

Update

Это выглядит как ошибка где-то между угловым (1.3.15 & 1.4.8) и реализациями (46,0) XMLHttpRequest Chrome, где response.data всегда возвращаются как 'декодированного' строки. Ни у Firefox (42), ни у IE (10) нет этой проблемы, и все нижеприведенные решения, скорее всего, будут работать (как это делает или оригинальное решение).

Я сообщил об этом как о возможной ошибке как для AngularJS & Chrome.

Answer 1

Просто измените его из HTML:

<a target="_self" href="example.com/uploads/file.pdf" download="file_new_name.pdf"> 

Answer 2

Я побежал в этой проблеме я несколько месяцев назад. Мне пришлось использовать FileSaver.js для его обработки.

Так после установки FileSaver.js ваш успех функции выглядеть примерно так:

function success(response) { 
    var blob = new Blob([response.data], { type: "application/pdf"}); 
    //change download.pdf to the name of whatever you want your file to be 
    saveAs(blob, "download.pdf"); 
} 

Answer 3

Проверить кодирование с помощью API и в этой линии, это работает для меня:

  var filepdf = Base64.encode(response.data); 
      $scope.filepdf = 'data:application/pdf;base64,' + pdfdata; 

КОНТРОЛЛЕР

$scope.pdfDownloads = function() { 
     DownloadPath.get({id: $rootScope.user.account_id}, function (data) { 
      $scope.createtext = "Download PDF file"; 
      $scope.download_pdf_filename = data.filename; 
      $scope.getPdf = true; 
      $scope.download_dir = file_url; 

      $http.get($scope.download_dir).then(function (response) { 
       var pdfdata= Base64.encode(response.data); 
       $scope.pdfdata= 'data:application/pdf;base64,' + pdfdata; 
       $('#pdfanchor').attr({ 
        href: $scope.pdfdata, 
        download: $scope.download_pdf_filename 
       }) 
      });      
     }); 
    }; 

HTML

<a href=""ng-click="pdfDownloads()" >Download</a> 

EDIT: ЭТО КАК МЫ СТРУКТУРИРОВАННОЕ МЕР (PHP функции)

contentType = 'application/octet-stream'; 
contentDescription = 'File Transfer'; 
contentDisposition = 'attachment; filename=' . basename(file_nae); 
expires = 0; 
cacheControl = 'must-revalidate'; 
contentLength = filesize($file_name); 
body = base64_encode(file_get_contents($file_name));