Question

我正在使用node.js和此软件包创建PDF：https://github.com/devongovett/pdfkit

我的问题是，当我在浏览器上下载pdf时，它完全是blanck ... 服务器端代码：

    PDFDocument = require('pdfkit');

function creaEtichetta(req, res){
    doc = new PDFDocument
        size: 'a4'
        bufferPages: true



    doc.addPage().fontSize(25).text('Here is some vector graphics...', 100, 100);

    doc.save()
   .moveTo(100, 150)
   .lineTo(100, 250)
   .lineTo(200, 250)
   .fill("#FF3300");

   doc.addPage().fillColor("blue").text('Here is a link!', 100, 100).link(100, 100, 160, 27, 'http://google.com/')

    doc.pipe(res);
    doc.end();
}
exports.creaEtichetta = creaEtichetta;

客户端代码：

var data = {};
    data.azione = "getEtichettaProdotto";

    //Scarico i dati anagrafica
    $.ajax({
        type: 'POST',
        data: JSON.stringify(data),
        contentType: 'application/json',
        url: 'http://46.101.209.16/endpoint',                       
        success: function(etichettas) {
            var blob=new Blob([etichettas]);
            var link=document.createElement('a');
            link.href=window.URL.createObjectURL(blob);
            link.download="Label"+".pdf";
            link.click();
        }//SUCCESS
    });

抱歉英语不好，我是意大利人

Answer 1

可能是你的pdf中的二进制字符在传输中没有被正确编码，这可以解释为什么本地可以正常但不能传输 - pdf是ascii和二进制字符的混合，如果二进制文件已损坏，似乎你得到一个空白的pdf。

这可能是浏览器方面的问题，这种方法对我有用： https://stackoverflow.com/a/27442914/2900643

加上这个： https://stackoverflow.com/a/33818646/2900643

编辑：最好还是使用：https://github.com/eligrey/FileSaver.js/

服务器：

var doc = new PDFDocument();
doc.pipe(res);
doc.circle(280, 200, 50).fill("#6600FF");
doc.end();

浏览器：

angular.module('app')
.service('PdfService', function($http) {
  var svc = this;

  svc.getPdf = function() {
    return $http.get('/getpdf/', { responseType : 'arraybuffer' });
  };
});

angular.module('app')
.controller('PdfCtrl', function($scope, PdfService) {

  $scope.getPdf = function() {
   PdfService.getPdf().success(function(data) {
    var fileName = 'hello.pdf';
    var pdf = new Blob([data], {type : 'application/pdf'});
    saveAs(pdf, fileName);
   })
 };
});

Answer 2

我在同一个问题上运行，但没有涉及任何客户端代码。所以这个问题不仅仅是客户端问题。显然，服务器端响应PDFKit正在进入不编码＆＃34;二进制＆＃34;根据PDFKit的要求，但应用＆＃34; utf8＆＃34;。

可悲的是，截至今天，无法为ServerResponse提供的流分配一些默认编码。见https://github.com/nodejs/node/issues/14146

就我而言，我现在正在解决这个问题，从PDFKit收集分块输出并立即写入。而不是

var doc = new PDF();

res.type( "pdf" ).attachment( "test.pdf" );
doc.pipe( res );

我正在使用它：

var doc = new PDF();

res.type( "pdf" ).attachment( "test.pdf" );

var buffers = [];
doc.on( "data", function( chunk ) { buffers.push( chunk ); } );
doc.on( "end", function() {
    res.end( Buffer.concat( buffers ), "binary" );
} );

这有一个缺点：由于所有PDF都缓存在内存中，因此当涉及大量同时请求或生成大量PDF文件时，此代码会对服务器端内存消耗产生影响。

令人困惑的是，尝试通过chunk移交PDFKit输出块并没有再次工作：

var doc = new PDF();

res.type( "pdf" ).attachment( "test.pdf" );

doc.on( "data", function( chunk ) { res.write( chunk, "binary" ); } );
doc.on( "end", function() { res.end(); } );

节点PDFkit空白页

2 个答案: