nodejs 图片写入到word中,只使用fs依赖
时间: 2024-03-02 07:52:58 浏览: 211
将图片写入到 Word 中,可以使用 `jszip` 和 `xml2js` 模块来实现。以下是一个使用 Node.js 将图片写入 Word 文档的示例代码:
```javascript
const fs = require('fs');
const JSZip = require('jszip');
const { parseString } = require('xml2js');
// 读取 Word 模板文件
const content = fs.readFileSync('template.docx');
// 创建 JSZip 实例
const zip = new JSZip(content);
// 读取 word/document.xml 文件
zip.file('word/document.xml').async('string').then((data) => {
// 将 XML 数据解析为 JavaScript 对象
parseString(data, (err, result) => {
if (err) {
console.error(err);
return;
}
// 获取文档中的图片标签
const images = result['w:document']['w:body'][0]['w:p'].filter((p) => {
return p['w:r'][0]['w:drawing'] !== undefined;
}).map((p) => {
return p['w:r'][0]['w:drawing'][0]['wp:inline'][0]['a:graphic'][0]['a:graphicData'][0]['pic:pic'][0]['pic:blipFill'][0]['a:blip'][0]['$']['r:embed'];
});
// 将图片文件读取为 Buffer
const buffers = images.map((image) => {
return fs.readFileSync(`./${image}`);
});
// 将图片文件添加到 Word 文档中
buffers.forEach((buffer, i) => {
const image = buffer.toString('base64');
const id = `image${i + 1}`;
const xml = `
<w:r>
<w:drawing>
<wp:inline distT="0" distB="0" distL="0" distR="0">
<wp:extent cx="4000" cy="4000"/>
<wp:docPr id="1" name="${id}"/>
<wp:cNvGraphicFramePr>
<a:graphicFrameLocks xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" noChangeAspect="1"/>
</wp:cNvGraphicFramePr>
<a:graphic xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main">
<a:graphicData uri="http://schemas.openxmlformats.org/drawingml/2006/picture">
<pic:pic xmlns:pic="http://schemas.openxmlformats.org/drawingml/2006/picture">
<pic:blipFill>
<a:blip r:embed="${id}" cstate="print"/>
<a:stretch>
<a:fillRect/>
</a:stretch>
</pic:blipFill>
<pic:spPr>
<a:xfrm>
<a:off x="0" y="0"/>
<a:ext cx="4000" cy="4000"/>
</a:xfrm>
<a:prstGeom prst="rect">
<a:avLst/>
</a:prstGeom>
</pic:spPr>
</pic:pic>
</a:graphicData>
</a:graphic>
</wp:inline>
</w:drawing>
</w:r>
`;
result['w:document']['w:body'][0]['w:p'].push(xml);
zip.file(`word/media/${id}.png`, buffer);
});
// 将修改后的 XML 数据写入 word/document.xml 文件
const builder = new xml2js.Builder();
const xml = builder.buildObject(result);
zip.file('word/document.xml', xml);
// 将 Word 文件写入磁盘
zip.generateNodeStream({ type: 'nodebuffer', streamFiles: true })
.pipe(fs.createWriteStream('output.docx'))
.on('finish', () => {
console.log('Done');
});
});
});
```
在上述代码中,我们首先使用 `fs` 模块读取 Word 模板文件,然后创建一个 `JSZip` 实例,并使用 `async` 方法读取 `word/document.xml` 文件。接着,我们使用 `xml2js` 模块将 XML 数据解析为 JavaScript 对象,并获取文档中的图片标签。然后,我们使用 `fs` 模块将图片文件读取为 Buffer,并将 Buffer 转换为 Base64 编码。接着,我们根据图片数量,循环添加图片到 Word 文档中。最后,我们使用 `JSZip` 实例将修改后的 XML 数据和图片文件写入 Word 文件中。需要注意的是,上述代码中需要将图片文件命名为 `image1.png`、`image2.png` 等,并将图片文件放置在与代码文件相同的目录下。
阅读全文