node-html-pdf not show image in PDF

Question

I am trying generate PDF from simple code, but no show image. Help me please.

code

pdf.create("Hello <img src='j4.jpg' />").toFile('./pdf/cotizacion.pdf', function (err) {
    if (err) {
        console.log(err);
    } else {
        console.log("File created successfully ");
    }
});

Result:

Thanks!

Does it change if you try as ``? – tevemadar Apr 22 '21 at 15:59 — tevemadar, Apr 22 '21 at 15:59

score 2 · Answer 1 · answered Apr 22 '21 at 12:49

Can you something like this, since its not reading your image, its taking it as a string.

    <img src={{IMG_URL}} style="width:100%"/>

Or you can put base64 of image like:

<img src="data:image/jpeg;base64, {{BASE64_DATA_OF_IMG}}" style="width:100%"/>

This will read your image in pdf.

score 0 · Answer 2 · answered Aug 23 '22 at 11:59

After some testing I noticed the images are shown in pdf if they are served somewhere, every attempt with file://path_to_file or relative path failed.

Instead I serve the image on a server http://localhost:3000/images/logo.svg

and I use <img src="http://localhost:3000/images/logo.svg" style="width:100%"/>

node-html-pdf not show image in PDF

2 Answers2