服务器生成具有长帖子内容的 PDF angularjs

Question

在尝试了很多不同的方法后，我没有任何效果。

最相似的问题是这个How to read pdf stream in angularjs

我有一个 AngularJS 应用程序，它向我的 PHP 文件发送请求以生成 PDF 文件。 我的控制器具有以下功能，我通过 ng-click 从按钮调用：

$scope.print = function() {
    $http({
        method : "post",
        url : '/pdf/print_processor.php',
        data : printdata,
        //responseType : 'arraybuffer',
        headers : {
            'Content-type' : 'application/json'
        }
    }).success(function(response, status, headers) {                        
     var file = new Blob([response], {type: 'application/pdf'});
        var fileURL = URL.createObjectURL(file);
        window.open(fileURL);
    });
}   

主要原因是我必须向 PHP 文件发送更多数据。 printdata 变量包含一个超过 12 KB 的嵌套 JSON 对象。所以我不能使用普通的 GET 或通过普通链接传递这些数据作为 URL 的一部分。

请求有效，因为我可以直接调用 print_processor.php（它给了我 PDF）并且我使用相同的方法来创建发送电子邮件。 就像上面提到的问题一样，我的回复也包含 pdf 本身：

%PDF-1.5
3 0 obj
<</Type /Page
/Parent 1 0 R
/Resources 2 0 R
/Group <</Type /Group /S /Transparency /CS /DeviceRGB>>
/Contents 4 0 R>>
endobj
4 0 obj
<</Filter /FlateDecode /Length 85>>
stream
...

但现在我只想将 PDF 文件提供给浏览器，就像我会直接打开 PHP 文件一样...虽然控制器会打开一个新窗口，其中包含 URL“blob:7e2d358f-00a1-4e33-9e7e- 96cfe7c02688"，页面是空的，我认为，对于整个 blob，URL 太短了......

其他一些类似的问题是：

How to display a server side generated PDF stream in javascript sent via HttpMessageResponse Content

AngularJS: download pdf file from the server

How to read pdf stream in angularjs

AngularJS $http-post - convert binary to excel file and download

当我使用经常提到的 responseType“arraybuffer”（我在上面的代码中注释掉）时，PHP 的结果是“null”，而不是 PHP 文件的内容。不使用时，我得到PDF文件...可能是提示？！

我的 Angular 版本是 1.2.26。

我尝试过的另一个解决方案是直接调用 PHP（没有 ajax/angular 控制器），方法是使用带有 post-method 的表单和 printdata 的隐藏字段。由于printdata是一个多级嵌套的json对象，所以还真没办法把它放到隐藏域...

希望有人有其他想法或发现错误！？

Answer 1

像这样在 $http 中添加参数 responseType、header 和缓存：

$scope.print = function() {
    $http({
        method : "post",
        url : '/pdf/print_processor.php',
        data : printdata,
        responseType : 'arraybuffer',
        headers: {
                            accept: 'application/pdf'
        },
        cache: true,
    }).success(function(response, status, headers) {                        
     var file = new Blob([response], {type: 'application/pdf'});
        var fileURL = URL.createObjectURL(file);
        window.open(fileURL);
    });
}