前端实现ofd文档在线解析,.word预览,.excel预览,.PDF预览。Office文件系列在线解析预览?

一、 什么是office文档在线预览解析?

1. Office在线预览指的是,将传统的Word、PPT、Excel、PDF、OFD、音视频等文件在浏览器中预览查看。
2. 文档在线预览可以实现跨设备,跨浏览器。即就是可以在PC端浏览器预览,
   可以在移动端预览(微信小程序,抖音小程序,钉钉等),安卓,苹果等设备。

二、预览流程分析

image.png

三、 usdoc文档在线预览,快捷的,方便的在线预览方式。

  1. 如何实现Word文件在线预览呢?
    首先登录usdoc文档在线预览后台,注册并添加需要预览的文件地址域名:
    http://www.usdoc.cn
    image.png
  2. 开始预览文件
http://vw.usdoc.cn/?m=5&src=http://usdoc.cn/vw/文件模板.docx

该处使用的url网络请求文件地址。
点击查看在线预览

image.png

四、国产OFD文件在线预览,以及CAD文件的在线预览实现方式。总的来说可以有3中方式来实现

1、OFD文件解析为html进行显示,当然这个过程是需要底层读取xml文件来渲染的。

  对ofd.xml解析需要对应《GB/T 33190-2016 电子文件存储与交换格式版式文档》文档。
  根据《GB/T 33190-2016 电子文件存储与交换格式版式文档》标准实现版式文档格式转换标签。

对应调用usdoc.cn接口为:

http://vw.usdoc.cn/?src= ofd文件地址
例如:http://vw.usdoc.cn/?src=http://usdoc.cn/vw/三好学生申请书v1.ofd

点击在线查看OFD文件

2、可以将ofd文件解析为图片预览,可以借助GDI(C#)或者Graphics和Graphics2D(java)将文字或者图片绘制在图片上。当然也是要参照《GB/T 33190-2016 电子文件存储与交换格式版式文档》文档模型。

//加参数m=1 绘制为图片渲染
http://vw.usdoc.cn/?m=1&src= ofd文件地址

例如:http://vw.usdoc.cn/?m=1&src=http://usdoc.cn/vw/三好学生申请书v1.ofd

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

7 声望
0 粉丝
0 条评论
推荐阅读
前端html实现在线预览word、excel、pdf等文件的功能
第一种以HTMl的方式进行预览文件。此种模式下以HTML、CSS、JavaScript等元素成预览页面。使用方法如下:预览前缀+word文件地址预览前缀(地址是固定的):[链接]Word文件地址(你要预览的word文件地址):[链接]文件模...

usdoc阅读 6k评论 1

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

DuDo阅读 528

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

蛰伏已久阅读 464

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

nohup阅读 259

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

笑小枫阅读 30

封面图

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

7 声望
0 粉丝
宣传栏