本文列举了永中DCS文档在线预览的用Vue的简单调用说明，帮助您快速实现Vue项目中word在线预览、PDF在线预览等多种格式文件在线预览。

通过操作iframe内部window对象影响内容，将这些接口封装注册在Vue.prototype上。

Vue word预览效果:

Vue excel预览效果:

Vue ppt预览效果:

1、下载yozo.js，可以填写产品测试包表单或者咨询在线客服获取

2、在项目中新建server目录

3、在server目录下新建文件render，将yozo.js放在目录下

4、在server目录下新建文件api.js，将DcsRender注册到api里

5、 调用永中文档转换接口，返回预览地址。

https://fcsapi.yozodocs.com/composite/upload

传入对应文件，将返回的预览地址用iframe引入，运用yozo.js里面的方法操作iframe中预览文件即可。

以el-upload组件请求预览接口为例:

① 实例化对象

需依次传入两个参数：

iframeId（string）：iframe元素的id

type（string）：预览文件的类型。可选参数（"word","ppt","excel"）

② 调用方法即可。

通用API

PPT特有API

object1：

永中文档转换vue接口是测试接口，限制100M以下的文档可以转换。转换文档类型是可以是word，ppt，excel，txt，pdf等多种格式，但是对于操作预览内容的vue接口仅限于vue word文件预览，vue ppt文件预览，vue excel文档预览三种格式。