How to output a PDF buffer to browser using NodeJS?

问题

So I am using html-pdf to convert my html and here is my code:

var pdf = require('html-pdf')
var html = 'somehtmlfile.html'

pdf.create(html).toBuffer(function (err, buffer) {
        if (err) {
          console.log(err)
        } else {
          console.log(buffer)
          var pdfBuffer = new Buffer(buffer)
          res.setHeader('Content-disposition', 'inline; filename="test.pdf"');
          res.setHeader('Content-type', 'application/pdf');
          res.send(pdfBuffer)
        }
}

I am not getting any PDF file to be downloader nor any output of a pdf file in the browser. The console.log(buffer) is this:

<Buffer 25 50 44 46 2d 31 2e 34 0a 31 20 30 20 6f 62 6a 0a 3c 3c 0a 2f 54 69 74 6c 65 20 28 fe ff 29 0a 2f 43 72 65 61 74 6f 72 20 28 fe ff 29 0a 2f 50 72 6f ... >

Is there a simple way of doing this? Or am I doing it wrong?

I just want to output the buffer in a pdf form in the browser.

回答1:

Change to:

pdf.create(html).toStream(function(err, stream) {
    if (err) {
        console.log(err)
    } else {
        res.set('Content-type', 'application/pdf');
        stream.pipe(res)
    }
});

回答2:

you can use the below function or html.create(somehtmlfile.html).toStream()

function to convert a buffer to stream

 function bufferToStream(buffer) {  
     let stream = new Duplex();
     stream.push(buffer);
     stream.push(null);
     return stream;
   }

download or view a pdf in browser if it's a stream

var pdf = require('html-pdf')
var html = 'somehtmlfile.html'
exports.generatePdf = (req, res) =>{
    pdf.create(html).toBuffer(function (err, buffer) {
            if (err) {
              console.log(err)
            } else {
              console.log(buffer)

           bufferToStream(buffer).pipe(res)
            }
    }
}

回答3:

Try this in client side:

var oReq = new XMLHttpRequest();
oReq.open("GET", url, true);
oReq.responseType = "arraybuffer";

oReq.onload = function (oEvent) {
    console.log(oReq.response);
    var blob = new Blob([oReq.response], {type: "application/pdf"});
    var win = window.open('', '_blank');
    var URL = window.URL || window.webkitURL;
    var dataUrl = URL.createObjectURL(blob);
    win.location = dataUrl;
};
oReq.send();

In server Side:

pdf.create(htmlContent).toStream(function(err, stream){
    console.log("in post method"+stream.length);
        res.header('Content-type', 'application/pdf');

        stream.pipe(res);
});

来源：https://stackoverflow.com/questions/43098071/how-to-output-a-pdf-buffer-to-browser-using-nodejs

标签

javascript

node.js

express

pdf

buffer