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

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

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

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

就像下面这样:

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

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

相关推荐
layman05281 小时前
webpack5 css-loader:从基础到原理
前端·css·webpack
半桔1 小时前
【前端小站】CSS 样式美学:从基础语法到界面精筑的实战宝典
前端·css·html
AI老李1 小时前
PostCSS完全指南:功能/配置/插件/SourceMap/AST/插件开发/自定义语法
前端·javascript·postcss
_OP_CHEN1 小时前
【前端开发之CSS】(一)初识 CSS:网页化妆术的终极指南,新手也能轻松拿捏页面美化!
前端·css·html·网页开发·样式表·界面美化
啊哈一半醒1 小时前
CSS 主流布局
前端·css·css布局·标准流 浮动 定位·flex grid 响应式布局
PHP武器库1 小时前
ULUI:不止于按钮和菜单,一个专注于“业务组件”的纯 CSS 框架
前端·css
电商API_180079052471 小时前
第三方淘宝商品详情 API 全维度调用指南:从技术对接到生产落地
java·大数据·前端·数据库·人工智能·网络爬虫
晓晓莺歌1 小时前
vue3某一个路由切换,导致所有路由页面均变成空白页
前端·vue.js
Up九五小庞2 小时前
开源埋点分析平台 ClkLog 本地部署 + Web JS 埋点测试实战--九五小庞
前端·javascript·开源
qq_177767373 小时前
React Native鸿蒙跨平台数据使用监控应用技术,通过setInterval每5秒更新一次数据使用情况和套餐使用情况,模拟了真实应用中的数据监控场景
开发语言·前端·javascript·react native·react.js·ecmascript·harmonyos