在web页面上实现文档在线预览

在web页面上实现文档在线预览

由来

—— 最近听一个同学说公司有新的需求,要求做一个直播页面,并且可以同时在线播放ppt、word等文档

这一下就难倒了刚毕业的我们,但问题还是要解决的

解决过程

biying 了一下 office 在线预览
罗列一下索引结果

suoyin.jpg

经过一波波试错,重做,下面奉上一波 "office 在线预览" 干货

具体实现方法有很多,如:

  1. 通过服务器预先转换为PDF,再转换为SWF,最后通过网页加载Flash预览(不符合×)
  2. office转Html、pdf转图片在线预览文件Html文件(不符合×)
  3. 微软的Office365(符合√)
  4. 第三方成熟的服务(符合√)
  5. 在浏览器中直接打开(不符合×)

我挨个都试了试,但都因为不知名问题达不到预期效果

而且我没有服务器直接pass好几个,比较之后,我来介绍下面三个 :

  1. 微软的office在线预览可以,效果和pc机没什么区别感觉,但不可以自定义修改样式(很费事修改起来,所以放弃)

  2. 在线文档预览 - I Doc View ,这个非常精简,实际播放效果类似图片预览(然后效果不好也pass了)

  3. 永中DCS文档预览,一看名就很专业~,打开官网仔细看了看,发现是个大厂产品,而且受众颇多 如下图:

use.jpg

这么多名企都在使用,看的我也迫不及待的想要体验一把,二话不说, 下面来着重介绍永中DCS文档预览

永中DCS文档预览

简介

永中DCS文档在线预览软件(Document Conversion Service)是永中软件股份有限公司基于十多年核心技术积累、面向移动互联领域推出的一款文档处理软件。永中DCS采用自主可控核心技术,具备快速技术和服务响应能力,把文档原样输出为HTML,图片等,即点即得、无需下载、保护文档隐私,快速高效,轻松实现文档在线安全阅读。

永中DCS产品文档(可自行跳转查阅)

介绍就不赘述了,直接讲讲怎么用!

永中官网有一个在线预览示例我试了一个ppt效果很不错
大家也可以试试,一定会喜欢的

yz

公有云使用

前端工程师当然是要调用现成接口啦

使用方法
打开官网:官方网址
注册进入:登录后如图 :

login

输入文件地址:

file

拼接api预览地址

http://dcsapi.com/?k=域名key&url=要预览的文件下载地址

例如: http://dcsapi.com/?k=1744232&url=http://58.215.166.234/example/doc/doctest.docx

参数说明:
  1. 参数k:系统会在新增域名时自动生成一个key,用来验证域名是否合法。
  2. 参数url:文件的下载地址 ,比如: http://dcs.yozosoft.com/yozodoc.docx
四个可选参数:
  1. noCache:Boolean格式。是否强制重新转换(忽略缓存), true为强制重新转换,false为不强制重新转换。
  2. watermark:String格式。针对单文档设置水印内容。
  3. isCopy:Integer格式(0否1是,默认为0。针对单文档设置是否防复制)。
  4. pageStart:Integer格式;pageEnd:Integer格式。试读功能(转换页数的起始页和转换页数的终止页,拥有对应权限的域名才能调用)。
获取预览网址:

接口说明:用户通过api调用方式获取预览地址,所获取的预览地址不包含用户的key值和用户的文档地址等参数信息。

网址组装格式: http://api网址/ getPreview +?k=(域名对应的用户Key)+&url=(在线文档地址) +&isCopy=(是否防复制1是0否,可选) +&watermaerk=(水印文字内容,可选)

说明:

  1. api网址的域名地址
  2. 可选内容的不需要时可以去掉
  3. 组装格式中红色+符号为组装提示符,组装中请勿带进去例如:假如用户注册的域名为abc.com,域名对应的用户Key为123456,在线文档地址为 http://abc.com/123.doc ,则组装网址如下:

域名方式组装效果为: http://api.yozocloud.cn/ getPreview?k=123456&url=http://abc.com/123.doc

带可选内容效果为: http://api.yozocloud.cn/ getPreview?k=123456&url=http://abc.com/123.doc&isCopy=1&watermark=abcd

返回的信息为json字符串如下, data中https链接即为预览地址:

    {
        "data":{
            "data":"https://p.dcsapi.com/view/preview/xxxxxxxx/"
        },
        "message":"操作成功",
        "errorcode":0
    }

支持 doc、docx、xls、xlsx、ppt、pptx、pdf、txt 和压缩文件等多种常用Office文档格式

私有云的部署

DCS可以私有化部署,适合对文档安全性要求更高的用户

由于我是前端攻城狮,就只给大家附上私有云部署的文档链接

linux下部署

官网私有云部署跳转链接

windows下部署

官网私有云部署跳转链接

部署教程

这边给大家一个完整版的部署教程

posted @ 2020-06-18 22:22  lambertlt  阅读(7493)  评论(0编辑  收藏  举报