Javaweb office文档在线预览怎么实现!!!

JavaScript019

Javaweb office文档在线预览怎么实现!!!,第1张

在线预览的不是office格式,而且是swf文件,

flexPaper是可以把swf放在页面上进行展示的,

1、flash 的flexpaper 将文档转换为swf格式,然后使用flash在网页中浏览,

2、使用开源的软件openoffice+pdf2htmlEx,利用openoffice的接口先将文档转换为pdf格式,然后在使用pdf2htmlEx将文档转换为html直接在网页中显示;

3、搭建一个文档预览服务器,基于office web app,也就是微软的office online。

搭建服务器步骤:

首先,需要转换server

安装IIS 7.0,打开服务器管理器,添加角色和功能,打开“添加角色和功能向导”界面,点击下一步,因为是基于本机安装,所以要选择“基于角色或者基于功能安装”,在服务器角色列表上选择“Web服务器”,点击下一步,安装完成。

其次,域控server

(1)打开服务器管理器,添加角色和功能,出现“添加角色和功能”界面,下一步,因为是基于本机安装,所以要选择“基于角色或基于功能安装”,选择添加AD域服务,同时添加所需功能,根据提示操作,下一步,等待安装完成。

(2)配置域,点击服务器管理器左侧“AD DS”,点击“升级为域控制器”,进入AD域服务器配置向导,下一步(注意:域的填写),填写密码,下一步,提示DNS无法创建,不用管,继续下一步,安装路径,默认,下一步,查看选项,默认,下一步,点击安装,安装完成,会提示注销重启。

(3)将转换服务器加入到域控服务器,修改NDS,指向域控服务器,在计算机属性中,修改计算机名称,并添加到域控服务器(如下图),确定后提示注销重启服务器,在域控服务器,管理中选择添加服务器,名称填写office web apps server的计算机名称,立即查找。然后添加到右边,确定。在域控服务器中,所有服务器显示两台服务器,并都是联机状态则表示成功。

至此,服务器安装完成。

pdf的预览是可以实现的,world文档因为有复杂表格什么的不好处理,所以最好转换为pdf再预览;

pdf.js实现加载整个pdf

网页链接

1 将文件放在前端静态文件中 实现本地预览 但前端包变得很大 多文件不适合

2 通过跳转外网链接访问 但内网无法使用

3 综合考虑 利用浏览器自带的预览pdf 将文件放在服务器指定目录下

前端代码量很少 无需任何插件 只需调用后端接口(将文件转换为流) 内外网均可预览

新建一个vue项目。打开控制命令行程序(CMD),运行命令: vue init webpack “项目名称”

安装依赖,在控制命令行程序(CMD),运行命令:npm install 或者 cnpm install.

实现预览

这里先以word为例。首先运行命令:npm install mammoth,这是预览word的一个插件,必须要安装;在static文件夹下放一个.docx为后缀的word文件

其中引入的三个.js 文件是实现手势缩放、旋转、移动的方法,也可以不引入;

然后修改一下config文件夹下的index.js文件,将host改为0.0.0.0,只要手机和电脑在同一个域名ip下,就可以用手访问项目查看预览效果(ip地址:端口号)

excel、pdf预览都是一样,只是引入的插件不一样

excel预览运行命令:npm install xlsx,页面引入import XLSX from ‘xlsx’

pdf预览运行命令:npm install --save vue-pdf,页面引入import pdf from ‘vue-pdf’

gitee测试源码: https://gitee.com/fang_zheng_wei/mobile-preview