wps在线预览接口_开发文档 - WPS在线预览 - view.wps.cn

本文档详细介绍了WPS在线预览接口的开发流程,包括获取文件信息、请求预览地址和请求预览页面等接口的使用方法,以及相关参数和返回值的解析,帮助开发者实现文件预览功能。
摘要由CSDN通过智能技术生成

接口开发流程

业务实现接口

图3 预览与业务关系图

预览服务与业务系统之间为协作关系,业务系统作为预览的文件提供方,需要对用户身份鉴权、文件权限鉴权。实现接口如下:

获取文件信息

接口描述

描述:获取文件信息。

API地址:/v1/3rd/fileinfo

调用方法:GET

此接口必须由业务系统自行开发实现

输入参数

参数名

参数类型

数据类型

描述

可选

signature

query

string

请求签名

appid

query

string

应用id

query

按照需求传入参数

输出参数

参数名

数据类型

描述

可选

code

int

返回处理的错误码,当statuscode不为200时,必须返回对应的错误信息 (返回码参照下表)

uniqueId

string

文档唯一id,建议用文档sha1,预览服务通过这个id来判断预览文件是否已经生成。必须返回。

fname

string

文件的名字,包含后缀,预览服务根据文档名的后缀来判断是否

wps-view-vue是一个基于Vue框架开发的文件在线预览组件,它可以帮助我们实现对blob格式文件的在线预览。下面我将详细介绍如何使用wps-view-vue来预览blob格式文件。 首先,我们需要在项目中引入wps-view-vue组件,可以通过npm或者其他方式进行安装。在Vue的组件中,我们可以使用import语句导入wps-view-vue组件。 ``` import WpsView from 'wps-view-vue' ``` 接下来,我们在Vue组件中使用wps-view-vue组件,并传入blob格式的文件数据作为参数。 ``` <template> <div> <wps-view :blob="fileBlob" /> </div> </template> <script> import WpsView from 'wps-view-vue' export default { components: { WpsView }, data() { return { fileBlob: null } }, mounted() { // 获取blob格式文件数据,可以是通过接口请求获取到的 // 这里假设我们通过axios发送请求获取到了blob格式的文件数据 axios.get('http://example.com/api/file', { responseType: 'blob' }) .then(response => { this.fileBlob = response.data }) .catch(error => { console.error(error) }) } } </script> ``` 以上代码中,我们将获取到的blob格式文件数据赋值给fileBlob变量,并作为参数传递给wps-view组件。 通过以上步骤,我们就可以在Vue项目中使用wps-view-vue组件实现对blob格式文件的在线预览了。wps-view-vue组件会根据文件类型选择合适的预览方式,确保用户可以在浏览器中直接查看和操作blob格式文件。这样可以提升用户的使用体验,并且方便用户对文件进行相关操作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值