头图

前端html实现在线预览word、excel、pdf等文件的功能

前端如何实现word、ofd、pdf、ppt、excel等文件的在线预览功能?

一、usdoc文档在线预览服务(word文件在线预览)

  1. 第一种以HTMl的方式进行预览文件。此种模式下以HTML、CSS、JavaScript等元素成预览页面。使用方法如下:

    预览前缀+word文件地址
    预览前缀(地址是固定的):http://vw.usdoc.cn/?src=
    Word文件地址(你要预览的word文件地址):http://usdoc.cn/vw/文件模板.docx
    完整预览例如: http://vw.usdoc.cn/?src=http:...文件模板.docx

    点击此处查看预览效果

image.png

    上面的预览模式是以HTMl的形式展现的,预览效果比较清晰。
    同时在预览时可以对文档进行加水印、试读文章前几页、文件转PDF、文件内容提取等操作
  1. 第二种预览方式,以图片的形式预览文档
  2. 第三种预览模式,以SVG的形式预览word文件。

二、usdoc文档在线预览服务(OFD文件在线预览

  1. 第一种以HTMl的方式进行预览文件。此种模式下以HTML、CSS、JavaScript等元素成预览页面。使用方法如下:
预览前缀+OFD文件地址
预览前缀(地址是固定的):http://vw.usdoc.cn/?src=
OFD文件地址(你要预览的OFD文件地址):http://usdoc.cn/vw/三好学生申请书v1.ofd
完整预览例如: http://vw.usdoc.cn/?src=http:...三好学生申请书v1.ofd

点击查看OFD文档在线预览效果
image.png

专注于office文件在线解析,文件在线预览及文字识别

7 声望
0 粉丝
0 条评论
推荐阅读
前端word文件(.docx)预览的VUE组件
开发了一个非常好用的word、excel、pdf预览vue组件,只需提供文件的src地址,或者是文件的ArrayBuffer,即可完成文件预览,非常方便。

蛰伏已久阅读 666

Office自带 插入数学公式 快捷键
MathType是常用的office数学公式编辑工具,虽然使用简单,但是编写数学公式速度很慢。使用office自带的编写数学公式工具的快捷键就很快,而且这里介绍的快捷键几乎可以解决所有可能遇到的数学公式问题,关键在于...

DuDo阅读 529

前端js实现docx、xlsx、pdf等类型文件预览VUE组件
都2023年了,怎么文件预览还这么难!发现了问题之后,就想着能不能实现一个简单的VUE组件库,能够解决以上问题,让新手前端,能够非常高效的完成文件预览任务。于是,我期望开发一个vue-office组件库,它必须满足...

蛰伏已久阅读 481

Java导出word文档
最近公司做项目,需要导出word或者PDF文档,PDF实现文档已经轻车熟路了,想研究搞一下word文档。经过调研发现了一个好用的开源项目Poi-tl

nohup阅读 263

【笑小枫的SpringBoot系列】【十五】SpringBoot根据模板生成Word
通过maven引入需要的依赖 {代码...} 创建导出模版1、首先创建一个word模版文档,模版如下图word模版地址:[链接]注意word中的占位符的格式,就是freemaker的格式详细解释如下:文字处理:直接用${} 中间为替换的...

笑小枫阅读 102

封面图
新版谷歌 Chrome 取消对 PPAPI 插件支持后,浏览器网页打开编辑保存微软 Office、金山 WPS 文档解决方案
最近陆续看到一些大学发布公告,谷歌 Chrome 取消了对 PPAPI 插件支持,导致某些在线 Office 厂家产品将无法在谷歌 Chrome107 及以上版本运行,被迫更换 360 浏览器或者使用低版本 Chrome 浏览器苟延残喘。 

李不白

封面图

专注于office文件在线解析,文件在线预览及文字识别

7 声望
0 粉丝
宣传栏