1、页面呈现

docxtemplater-image-module-free

import

exportData.contractorResponsiblePerson[0].linkconst

drfile

exportData.drawResponsiblePerson[0].linkif

(crfile

dataURL})}this.faultlist.push(exportData)this.timer

setTimeout(()

{//设置延迟执行this.export2Word(this.faultlist)},

5000)},

this//解决跨域问题image.setAttribute(crossOrigin,

anonymous)image.src

document.createElement(canvas)canvas.width

image.heightvar

canvas.getContext(2d)context.drawImage(image,

image.width,

//调用回调函数}},//导出文件export2Word(faultlistd)

{//v:图片路径,t:时间字符串,name:导出文件名称--变量需自己定制此处为举例let

self

thisJSZipUtils.getBinaryContent(window.location.origin

/tinggong.docx,

图片居中在word模板中定义方式为{%image}opts.fileType

docxopts.getImage

self.base64DataURLToArrayBuffer(tagValue)if

(base64Value)

ImageModule(opts)doc.attachModule(imageModule)setTimeout(()

compname:

error.properties,}console.log(JSON.stringify({

error:

blob,mimeType:application/vnd.openxmlformats-officedocument.wordprocessingml.document,

4000)},)},//获取base64格式图片base64DataURLToArrayBuffer(dataURL)

{const

/^data:image\/(png|jpg|svg|svg);base64,/if

{return

binaryString.charCodeAt(i)bytes[i]

ascii}return

Nameagephone{#users}{name}{age}{phone}{/}

users:

NameagephoneJohn2233653454343Mary2533666666666