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

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

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

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

就像下面这样:

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

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

相关推荐
王同学 学出来1 分钟前
vue+nodejs项目在服务器实现docker部署
服务器·前端·vue.js·docker·node.js
一道雷6 分钟前
让 Vant 弹出层适配 Uniapp Webview 返回键
前端·vue.js·前端框架
bug总结16 分钟前
uniapp+动态设置顶部导航栏使用详解
java·前端·javascript
晴殇i19 分钟前
深入理解MessageChannel:JS双向通信的高效解决方案
前端·javascript·程序员
毕设十刻21 分钟前
基于Vue的民宿管理系统st4rf(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js
kkkAloha23 分钟前
倒计时 | setInterval
前端·javascript·vue.js
云轩奕鹤32 分钟前
智析单词书 - AI 驱动的深度英语词汇学习平台
前端·ai·产品·思维
逆光如雪40 分钟前
控制台快速查看自己的log,提高开发效率
前端
用户479492835691540 分钟前
年薪百万的 React 功底怎么“装进”AI?Vercel 的这个 Skill 给了标准答案
前端·aigc·ai编程
jason_yang41 分钟前
这5年在掘金的感想
前端·javascript·vue.js