IMAGE - creating object in template using image data? about docx-templates HOT 3 CLOSED

Ended up getting it to work by sending the $host.image to a function, which sends it straight back again - will keep that, unless there's a way to read $host.image within the IMAGE tag directly:

+++IMAGE getImageObject($host.image) +++

additionalJsContext: { getImageObject: base64data => { const data = base64data; return { width: 8.8, height: 3, data, extension: '.png' }; },

from docx-templates.

If that is the exact error string you're getting, it may have something to do with string literal quoting used, as the 'command' featured in the error message lacks the data:image/png;base64, substring.

Regardless, injecting images like this is not supported, so even if it works I wouldn't count on it working in the future.

If you really want to go this way, you can try is using anonymous function that returns your object, e.g. IMAGE ()=> { width: 6, height: 6, "data:image/png;base64,$host.image", extension: '.png' }, taking special care to get the literal quoting correct. I'm not sure from the top of my head whether this will work, but worth a try.

from docx-templates.

Thanks @jjhbw - I've set the object value in the JSON array to the correct format - "host.image" value now looks like this:

{ width: 6, height: 6, extension: '.png', data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlUAAAC2CAIAAAB... }

Tried then injecting it like this in the template, but it doesn't seem to like it:

+++IMAGE $host.image +++

Error is ""Error: Error executing command 'IMAGE $host.image': invalid image width: undefined (in cm)"" - which suggests that it is not able to read $host.image?

It shows up fine in an "INS" tag - perhaps it's reading it in as a string rather than an object? Thanks for your patience - not fluent in JS (as may be obvious).

from docx-templates.