一、创建word导出模板
1、本地创建一个test.docx
2、将最终需要的文档内容及样式编辑完成(图1)
3、将所需动态值的位置,替换为变量参数(图2)
注:
动态值书写
二、项目中使用
1、安装依赖
npm install docxtemplater-image-module-free --save
npm install docxtemplater pizzip --save
npm install jszip-utils --save
npm install jszip --save
npm install file-saver --save
npm install angular-expressions --save简简单单一条命令(6合1)
npm install docxtemplater pizzip jszip-utils jszip file-saver angular-expressions docxtemplater-image-module-free --save
2、创建工具类js文件
/**
* 导出word文档(带图片)
*
*/
import Docxtemplater from 'docxtemplater'
import PizZip from 'pizzip'
import JSZipUtils from 'jszip-utils'
import { saveAs } from 'file-saver'
export const ExportBriefDataDocx = (tempDocxPath, data, fileName, imgSize) => {
console.log(111, tempDocxPath, data, fileName, imgSize)
//这里要引入处理图片的插件
var ImageModule = require(