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

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

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

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

就像下面这样:

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

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

相关推荐
_AaronWong24 分钟前
Vue3+Element Plus 通用表格组件封装与使用实践
前端·javascript·vue.js
前端西瓜哥24 分钟前
图形编辑器开发:文字排版如何实现自动换行?
前端
全栈老石44 分钟前
手写一个无限画布 #3:如何在Canvas 层上建立事件体系
前端·javascript·canvas
晴殇i1 小时前
BroadcastChannel:浏览器原生跨标签页通信
前端·面试
DeathGhost1 小时前
分享URL地址到微信朋友圈没有缩略图?
前端·html
MrBread1 小时前
微任务链式派生阻塞渲染
前端·debug
wuhen_n1 小时前
patch算法:新旧节点的比对与更新
前端·javascript·vue.js
小岛前端1 小时前
Cloudflare 掀桌子了,Next.js 迎来重大变化,尤雨溪都说酷!
前端·vite·next.js
简离1 小时前
前端调试实战:基于 chrome://webrtc-internals/ 高效排查WebRTC问题
前端·chrome·webrtc
十里八乡有名的后俊生1 小时前
深度解析:JavaScript中的import方式 - 静态导入、动态导入与CSS处理机制
前端·javascript·面试