使用Node.js中的远程图像提供动态生成的PDF

Tyl*_*ich 7 javascript node.js express node-pdfkit

我正在尝试创建一个使用PDFKit即时生成PDF的节点服务器.PDF是基于POST请求(通过Express)的参数生成的.其中一个参数指定图像URL,服务器下载并注入PDF.

现在,我有以下结构:

// Get dependencies
var express = require('express'),
http = require('http'),
fs = require('fs'),
pdfDocument = require('pdfkit');

// Get express started.
var app = express();

// Use JSON in POST body
app.use(express.json());

// Setup POST response
app.post('/post_pdf', function(req, res) {
    // Get the PDF initialized
    var doc = new pdfDocument();

    // Set some headers
    res.statusCode = 200;
    res.setHeader('Content-type', 'application/pdf');
    res.setHeader('Access-Control-Allow-Origin', '*');

    // Header to force download
    res.setHeader('Content-disposition', 'attachment; filename=Untitled.pdf');     

    // Pipe generated PDF into response
    doc.pipe(res);

    /**
     * Generate PDF contents
     */

    // Prepare write stream for image
    var image = fs.createWriteStream('image.jpeg');

    // Download image
    http.get("http://dummyimage.com/640.jpeg", function(response) {

        // Pipe response into image write stream
        // (because PDFKit needs to read from a saved file)
        response.pipe(image).on('close', function() {

            // Read data back, make sure there are no errors
            fs.readFile('image.jpeg', function(err, data) {
                if (err) throw err;

                /**
                 * Use `data` to get image info (width, height, etc.)
                 * ------------------
                 * Inject image
                 */

                // Close document and response
                doc.end();
                res.end();
                return;
            })
        });
    });
});
Run Code Online (Sandbox Code Playgroud)

我有两个问题:

  • 是否有一种不那么混乱的方式来做到这一点,也许有更少的嵌套回调?我完全愿意添加另一个依赖项来让生活更轻松.
  • 现在,上面的代码不起作用.它返回PDF,但PDF已损坏(根据预览).关于为什么会发生这种情况的任何提示都是非常受欢迎的.

Tyl*_*ich 7

在调试这个问题时,我发现了几件事:

PDFKit不需要从文件中读取信息.它也会接受一个Buffer

doc.image(myBuffer); // You don't have to use a path string
Run Code Online (Sandbox Code Playgroud)

将文件直接传送到响应中时,response.end()如果文件已经关闭,手动调用将导致问题

doc.pipe(res); // Pipe document directly into the response

doc.end(); // When called, this ends the file and the response

// res.end(); <-- DON'T call res.end()
//                The response was already closed by doc.end()
return;
Run Code Online (Sandbox Code Playgroud)

Request是一个超级有用的NodeJS库,可以展平回调树


更新的代码:

var express = require('express'),
request = require('request'),
pdfDocument = require('pdfkit');

// Start Express
var app = express();

// Use JSON in POST body
app.use(express.json());

// Setup POST response
app.post('/post_pdf', function(req, res) {
    // Create PDF
    var doc = new pdfDocument();

    // Write headers
    res.writeHead(200, {
        'Content-Type': 'application/pdf',
        'Access-Control-Allow-Origin': '*',
        'Content-Disposition': 'attachment; filename=Untitled.pdf'
    });

    // Pipe generated PDF into response
    doc.pipe(res);

    // Process image
    request({
        url: 'http://dummyimage.com/640.jpeg',
        encoding: null // Prevents Request from converting response to string
    }, function(err, response, body) {
        if (err) throw err;

        // Inject image
        doc.image(body); // `body` is a Buffer because we told Request
                         // to not make it a string

        doc.end(); // Close document and, by extension, response
        return;
    });
});
Run Code Online (Sandbox Code Playgroud)

  • 您如何处理客户端部分以使用户能够下载生成的pdf?我试图在运行中生成并且不想保存到文件系统,而只是为用户启动下载.谢谢. (2认同)
  • 我相信将`Content-Disposition`标题更改为`inline; filename ="`会起作用.告诉浏览器显示PDF. (2认同)