工具:word、Hbuilder(也可以选择其他工具,主要是格式化xml)
一、制作freemarker模版
首先新建一个模版word, 排版根据需求确定,将word以xml格式另存为或者直接修改doc后缀为xml。
二、修改模版
1.找到图片所在的Relationship ,修改成如下格式
<#list problem.problemPicList as pic>
<Relationship Id="rId${pic_index+10}" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/image"
Target="media/image${pic_index+10}.jpeg" />
</#list>
2.找到 pkg:binaryData标签,base64Code是将图片以base64进行编码后的字符串。修改如下
<#list problem.problemPicList as pic>
<pkg:part pkg:name="/word/media/image${pic_index+10}.jpeg"
pkg:contentType="image/jpeg" pkg:compression="store">
<pkg:binaryData>${(pic.base64Code)!}</pkg:binaryData>
</pkg:part>
</#list>
3.有关图片的xml如下示例
<#list problem.problemPicList as pic>
<w:p w14:paraId="13C0A3ED" w14:textId="77777777" w:rsidR="009E0769"
w:rsidRDefault="00A033F9">
<w:pPr>
<w:rPr>
<w:rFonts w:ascii="宋体" w:hAnsi="宋体" w:cs="宋体" />
<w:szCs w:val="21" />
</w:rPr>
</w:pPr>
<w:r>
<w:rPr>
<w:rFonts w:ascii="宋体" w:hAnsi="宋体" w:cs="宋体" w:hint="eastAsia" />
<w:noProof />
<w:szCs w:val="21" />
</w:rPr>
<w:drawing>
<wp:inline distT="0" distB="0" distL="0" distR="0"
wp14:anchorId="015ED0A8" wp14:editId="2D776711">
<wp:extent cx="4484370" cy="2523490" />
<wp:effectExtent l="0" t="0" r="0" b="0" />
<wp:docPr id="${pic_index+10}" name="图片 ${pic_index+10}" />
<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:nvPicPr>
<pic:cNvPr id="${pic_index+10}"
name="图片 ${pic_index+10}" />
<pic:cNvPicPr>
<a:picLocks noChangeAspect="1"
noChangeArrowheads="1" />
</pic:cNvPicPr>
</pic:nvPicPr>
<pic:blipFill>
<a:blip r:embed="rId${pic_index+10}">
</a:blip>
<a:srcRect />
<a:stretch>
<a:fillRect />
</a:stretch>
</pic:blipFill>
<pic:spPr bwMode="auto">
<a:xfrm>
<a:off x="0" y="0" />
<a:ext cx="4484370" cy="2523490" />
</a:xfrm>
<a:prstGeom prst="rect">
<a:avLst />
</a:prstGeom>
<a:noFill />
<a:ln>
<a:noFill />
</a:ln>
</pic:spPr>
</pic:pic>
</a:graphicData>
</a:graphic>
</wp:inline>
</w:drawing>
</w:r>
</w:p>
<w:p w14:paraId="22FE8243" w14:textId="6607E2A6" w:rsidR="009E0769"
w:rsidRDefault="009E0769" w:rsidP="00AA1906">
<w:pPr>
<w:pStyle w:val="a0" />
<w:jc w:val="center" />
<w:rPr>
<w:rFonts w:ascii="宋体" w:hAnsi="宋体" w:cs="宋体" />
<w:color w:val="auto" />
</w:rPr>
</w:pPr>
<w:r>
<w:rPr>
<w:rFonts w:ascii="宋体" w:hAnsi="宋体" w:cs="宋体" w:hint="eastAsia" />
<w:color w:val="auto" />
<w:szCs w:val="21" />
</w:rPr>
<w:t>${(pic.fileName)!}</w:t>
</w:r>
</w:p>
</#list>
三、word截图
image.png