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

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

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

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

就像下面这样:

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

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

相关推荐
mldong5 小时前
你的 Vue3 项目也能有钉钉同款审批流设计器:npm 装包,10 分钟画出第一条审批流
前端·vue.js
2分钟速写快排6 小时前
什么是 RAG?如何用 RAG 实现一个用户记忆?
前端·后端·ai编程
passerby60616 小时前
如何自己造一个时间处理库
前端·javascript·github
走到天涯海角7 小时前
react里面的长列表渲染优化
前端·react.js·前端框架
小羊没烦恼!7 小时前
Hello Web API系列教程——Web API与国际化
java·服务器·前端·javascript·php
北岛贰8 小时前
迷茫焦虑期,我做了一个带支付带官网的 AI 聊天虚拟恋人 App
前端·人工智能·后端
mayaairi9 小时前
Vue2 组件通讯(三):全局事件总线、PubSub、插槽与组件实例属性
前端·javascript·vue.js
kyriewen10 小时前
面试官问我:AI 都能写代码了,前端凭什么还值 25K
前端·javascript·人工智能
风骏时光牛马11 小时前
AI源码分析:拆解模型底层实现逻辑
前端
IT_陈寒11 小时前
React子组件莫名其妙重渲染?你可能漏了这个Hook
前端·人工智能·后端