Invoice background > invalid image error

I’m trying to set an image as a background for all invoices. I’ve used the proposal editor to upload an image, which i then can select in the background image dropdown. After that i no longer see an example in the box below. When i create a invoice i get an laravel error (below).

  • self hosted, invoice ninja 4.5.14
  • settings: public/settings/invoice_design#invoice_options
<li>The image is 45 kb and is a4 sized</li>
<li>It does work on http://pdfmake.org/playground.html. I've encode the image with https://www.base64-image.de/ and used the data url</li>

laravel-error.log

[2019-09-19 10:01:40] production.ERROR: invalid image, images dictionary should contain dataURL entries (or local file paths in node.js) {“context”:“JavaScript”,“user_id”:0,“account_id”:0,“user_name”:"",“method”:“GET”,“user_agent”:“Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/538.1 (KHTML, like Gecko) PhantomJS/2.1.1 Safari/538.1”,“locale”:“nl”,“ip”:"::1",“count”:1,“is_console”:“no”,“is_api”:“no”,“db_server”:“mysql”,“url”:“log_error”} []

Does it work with a different image?

Yes! I’ve created a png, jpg and gif of the same image. I used the gif image, but that somehow didn’t work. Now i switched to al larger png file, but this gets loaded. Thanks!

Awesome, glad to hear it!

For anyone, only JPG and PNG are supported.

See remark at: https://pdfmake.github.io/docs/document-definition-object/images/