如何使用 docx 从 angular 将图像添加到 Word 文档？

Question

I am trying to display an image in a Word document generated from angular with the docx npm package, but i get an empty image with a red X and a text "The picture can't be displayed".

I know docx supports jpeg, jpg, bmp, gif and png, and I have tried with png. Also I tried to convert to a byte array, but I'm still getting the same result.

Any help on this would be great, thanks!

const image = Media.addImage(document, "data:./assets/images/team/add.png;base64,", 400, 400);

document.addSection({
        children: [new Paragraph(image)],
    });

You have to transform the picture in base64. Found the answer finally. Thank you!

Answer 1

Try this one

 const base64data = "ashvbly3458absfjbscldvsbvsVslfghdf...";//Base64 Image String const imageb64 = Media.addImage(document, Uint8Array.from(atob(base64data), c => c.charCodeAt(0)), 80, 80); document.addSection({ children: [new Paragraph(image)], });