前端实现pdf,worddoc等Office文档格式在线预览

前端实现pdf,worddoc等Office文档格式在线预览 在做一些后台管理或者h5页面的时候 通常会遇到Office文档格式的在线预览功能。虽然看似简单，里面却隐藏着很大的坑。简单是因为现在有各种插件可以下载实现，坑是因为涉及到一些兼容性和安全性等各种千奇百怪的问题。推荐大家使用更快捷,更全面, 更高效的永中云转换（https://api.yozocloud.cn/）进行word,pdf等Office文档格式的在线预览。

可以参考一下官网?api.yozocloud.cn/index.html

首先看看它的模式

使用方法：

第一步：打开永中云转换官网api.yozocloud.cn/index.html

第二步：注册永中云,若已有账号，忽略请直接登录，进入后的页面

?可以先尝试一下demo

点击文档预览 输入测试地址 点击在线预览

此时就已转换成功 然后点击预览地址 此时就会看到已经可以直接预览效果了

第三步：在域名管理页面中添加域名（文件公网下载地址所对应的域名）

这样以来 就不必担心安全问题了

第四步：拼接api预览地址 dcsapi.com/?k=域名key&ur…

参数说明：

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文档格式 总体来说 还是非常强大和安全的 喜欢的小伙伴可以动手尝试一下哦?

本网站是一个以CSS、JavaScript、Vue、HTML为核心的前端开发技术网站。我们致力于为广大前端开发者提供专业、全面、实用的前端开发知识和技术支持。 在本网站中，您可以学习到最新的前端开发技术，了解前端开发的最新趋势和最佳实践。我们提供丰富的教程和案例，让您可以快速掌握前端开发的核心技术和流程。 本网站还提供一系列实用的工具和插件，帮助您更加高效地进行前端开发工作。我们提供的工具和插件都经过精心设计和优化，可以帮助您节省时间和精力，提升开发效率。 除此之外，本网站还拥有一个活跃的社区，您可以在社区中与其他前端开发者交流技术、分享经验、解决问题。我们相信，社区的力量可以帮助您更好地成长和进步。 在本网站中，您可以找到您需要的一切前端开发资源，让您成为一名更加优秀的前端开发者。欢迎您加入我们的大家庭，一起探索前端开发的无限可能!