将 word 格式文件转为图片,然后由前端显示

起因是用户点击一个协议链接,需要跳到对应的协议说明页面。产品给了我一个 word 格式的协议文件,但是其中文本无法直接复制过来,因为带有许多 word 的样式。

于是我搜索了一下纯前端显示 word 格式文件的方法,但发现好像没有靠谱的。

无奈之下,我想到了一个完成任务的办法,将 word 文档一页一页的转成图片,然后上传到 cdn 上,再由前端按顺序渲染这些图片。

就像下面这样:

js 复制代码
<div>
  <img v-for="(item, index) in imgList" :src="item.src" :key="index"/>
</div>

如果只是为了完成需求,并且时间还比较赶,这种办法也不是不可以。

相关推荐
小笔学长32 分钟前
Webpack 配置优化:提高打包速度与质量
前端·项目实战·前端开发·webpack优化·打包性能优化
优爱蛋白40 分钟前
SCF His Tag 重组蛋白:c-Kit受体信号研究与干细胞培养应用的关键试剂
前端·人工智能·健康医疗
C_心欲无痕1 小时前
react - Suspense异步加载组件
前端·react.js·前端框架
JosieBook1 小时前
【Vue】05 Vue技术——Vue 数据绑定的两种方式:单向绑定、双向绑定
前端·javascript·vue.js
想学后端的前端工程师1 小时前
【浏览器工作原理与性能优化指南:深入理解Web性能】
前端·性能优化
程序员爱钓鱼1 小时前
Node.js 编程实战:错误处理与安全防护
前端·后端·node.js
Geoffwo2 小时前
Electron 打包后 exe 对应的 asar 解压 / 打包完整流程
前端·javascript·electron
柒@宝儿姐2 小时前
vue3中使用element-plus的el-scrollbar实现自动滚动(横向/纵横滚动)
前端·javascript·vue.js
程序员爱钓鱼2 小时前
Node.js 编程实战:模板引擎与静态资源
前端·后端·node.js
Geoffwo2 小时前
Electron打包的软件如何使用浏览器插件
前端·javascript·electron