Images not loading in headers and footers

[jamesatplebble]

Hi,

I can't get images to load in headers and footers - see screenshot.

Here's my code for the header:

I'm a test Header

My options:

$browser = $browserFactory->createBrowser([ 'windowSize' => [882, 1248], 'ignoreCertificateErrors' => true, 'enableImages' => true, 'userAgent' => 'PlainlyBot', ]);

Is this a bug or something I'm doing wrong? (Once I understood that you need to set some inline CSS in a wrapper div for headers and footers, everything else seems to work well.)

Many thanks
James

[enricodias]

You mean, during printing to pdf?

[jamesatplebble]

Yes! Sorry, I should have said.

[jamesatplebble]

Hi Enrico, any further thoughts on this?
Thanks

[enricodias]

I didn't have time to test this yet. It's in my to-do list.

[stale]

This issue has been automatically marked as stale because there has been no recent activity. It will be closed after 30 days if no further activity occurs. Thank you for your contributions.

[jamesatplebble]

This is still an issue as far as I know?

[enricodias]

So, there are a lot of sources around saying that both headerTemplate and footerTemplate can't load external resources, but I couldn't find why. I checked the chromium source code and saw that the header and footer are added using innerHTML, just like the content.

I couldn't find any way to load external images. The only thing that worked was injecting the image as base64 directly in the html: <img src="data:image/png;base64,..."/>

If anyone finds a better solution, feel free to reopen this issue.

[Entretoize]

Same issue, any news ?