[绍棠] docxtemplater实现纯前端导出word

原创

已于 2024-01-19 16:53:07 修改 · 1.6k 阅读

18 ·

CC 4.0 BY-SA版权

文章标签：

#word

于 2024-01-19 16:10:54 首次发布

本文介绍了如何在Node.js环境中使用docxtemplater库，通过读取模板文件、处理数据和图片，实现将动态数据填充到.docx模板并导出为Word文档。示例展示了如何将JSON格式的数据和图片嵌入到生成的文档中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.下载需要的依赖

2.util文件夹下创建doc.js文件

doc.js

import docxtemplater from 'docxtemplater'
import PizZip from 'pizzip'
import JSZipUtils from 'jszip-utils'
import { saveAs } from 'file-saver'
import ImageModule from "docxtemplater-image-module-free";
/**
   导出docx
   @param { String } tempDocxPath 模板文件路径
    @param { Object } data 文件中传入的数据
   @param { String } fileName 导出文件名称
*/
export const exportDocx = (tempDocxPath, data, fileName) => {
    // 读取并获得模板文件的二进制内容
    JSZipUtils.getBinaryContent(tempDocxPath, (error, content) => {
        // input.docx是模板。我们在导出的时候，会根据此模板来导出对应的数据
        // 抛出异常
        if (error) {
            throw error
        }
        let opts = {};
        opts.centered = false;