如何在angularjs中阅读pdf流

Question

我从服务器获得了以下PDF流：

如何在AngularJS中读取此流？我尝试使用以下代码在新窗口中将其打开为PDF文件：

.success(function(data) {
   window.open("data:application/pdf," + escape(data));
 });

但是我无法在打开的窗口中看到内容。

Answer 1

我通过更改控制器代码来实现这一目标

$http.get('/retrievePDFFiles', {responseType: 'arraybuffer'})
       .success(function (data) {
           var file = new Blob([data], {type: 'application/pdf'});
           var fileURL = URL.createObjectURL(file);
           window.open(fileURL);
    });

Answer 2

请看下面的代码：

在控制器端 -

$http.get(baseUrl + apiUrl, { responseType: 'arraybuffer' })
          .success(function (response) {                  
             var file = new Blob([response], { type: 'application/pdf' });
             var fileURL = URL.createObjectURL(file);
             $scope.pdfContent = $sce.trustAsResourceUrl(fileURL);
           })
           .error(function () {                        
           });

在HTML端：

<div ng-controller="PDFController" class="modal fade" id="pdfModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg">
    <div class="modal-content" onloadstart="">
        <object data="{{pdfContent}}"  type="application/pdf" style="width:100%; height:1000px" />
    </div>
</div>

您也可以使用Angular ng-pdfviewer 并使用它的js文件查看您的pdf。

Answer 3

看看PDF.JS。这是一个客户端javascript库，可以获取pdf流并将其呈现给客户端。 Angular无法读取pdf，所以这不是一个角度问题。

Answer 4

Java：获取方法

BLOB pdfData = getBlob_Data;
response.setContentType(pdfData.getContentType());
response.setHeader(ApplicationLiterals.HEADER_KEY_CONTENT, "attachment;     filename=FileName.pdf");
response.getOutputStream().write(pdfData.getBinaryData());
response.getOutputStream().flush();

Answer 5

使用config.responseType的问题是$ http服务仍然运行默认的responseTransformer并尝试将响应转换为JSON。此外，您将发送默认接受标头。这是一个（未经测试的）替代方案：

$http.get('/retrievePDFFiles', {
    headers: { Accept: "application/pdf"},  
    transformResponse: function(data) {
        return new Blob([data], {type: 'application/pdf'});
    }}).success(function (data) {
           var fileURL = URL.createObjectURL(data);
           window.open(fileURL);
    });