javascript - How to write images from URL to PDFkit? - Stack Overflow

admin管理员组

文章数量:1202577

I am getting a JPEG from a URL using node.js requests. I then convert the image to a base64 buffer and write it to the pdf document:

request({ url: url, encoding: null }, function (error, response, body) {
                        if (!error && response.statusCode == 200) {
                            var img = new Buffer(body, 'base64');
                            pdf.image(img, 0, 0);
                            callback(error, body);
                        }
                    });

I am getting the following error message:

events.js:160
      throw er; // Unhandled 'error' event
      ^

Error: stream.push() after EOF
    at readableAddChunk (_stream_readable.js:156:17)
    at PDFDocument.Readable.push (_stream_readable.js:134:10)
    at PDFDocument._write 

I am getting a JPEG from a URL using node.js requests. I then convert the image to a base64 buffer and write it to the pdf document:

request({ url: url, encoding: null }, function (error, response, body) {
                        if (!error && response.statusCode == 200) {
                            var img = new Buffer(body, 'base64');
                            pdf.image(img, 0, 0);
                            callback(error, body);
                        }
                    });

I am getting the following error message:

events.js:160
      throw er; // Unhandled 'error' event
      ^

Error: stream.push() after EOF
    at readableAddChunk (_stream_readable.js:156:17)
    at PDFDocument.Readable.push (_stream_readable.js:134:10)
    at PDFDocument._write 

• javascript
• node.js
• pdfkit
• node-pdfkit

Share Improve this question Follow edited Aug 7, 2022 at 13:59 NightOwl asked Sep 14, 2017 at 15:18 NightOwlNightOwl 1,08933 gold badges1414 silver badges2424 bronze badges 1

• Could it be that pdf.end() is getting called prematurely? – Dustin Simpson Commented Sep 16, 2017 at 17:21

Add a comment  | 

3 Answers 3

Sorted by: Reset to default 12

JS and Axios example:

async function fetchImage(src) {
    const image = await axios
        .get(src, {
            responseType: 'arraybuffer'
        })
    return image.data;
}

const logo = await fetchImage("https://i.imgur.com/2ff9bM7.png");
doc.image(logo, 0, 200);

Your code looks fine for me.
However, here is 100% working snippet:

request({ url, encoding: null }, (error, response, body) => {

    if (!error && response.statusCode === 200) {
        pdf.pipe(fs.createWriteStream('out.pdf'));

        var img = new Buffer(body, 'base64');
        pdf.image(img, 0, 0);

        pdf.end();
    }
});

TypeScript and node-fetch example:

const fetchImage = async (src: string) => {
  const response = await fetch(src);
  const image = await response.buffer();

  return image;
};
    
const logo = await fetchImage("https://i.imgur.com/2ff9bM7.png");
doc.image(logo, 0, 200);

本文标签： javascriptHow to write images from URL to PDFkitStack Overflow