接入wps实现预览功能

接入wps实现预览功能

1：wps官网地址：https://open.wps.cn/docs/wwo/access/sdk-demo
选择下载对应的开发语言DEMO（需要注册，并生成文档预览）

2：拿到注册后的文件，并新建预览编辑服务（保证地址为外网访问）
3：直接前端访问所下载的demo（放入自己的项目中）

$.ajax({type: "",dataType:"json",cache:false,async:false,//所下载demo预览文件方法url:'/v1/api/file/getViewUrlWebPath',data:{fileUrl:'外网访问的文件地址/可以下载文件的方法（如有后缀，不可用中文）'},error: function() {layer.alert("错误！");},success:function (res) {console.log(res.data)var r = res.data;// 直接打开一个新的窗口展示window.open(r.wpsUrl, "窗口名称"// if (res.data) {////     var demo = WebOfficeSDK.config({//         mode: 'normal',//         url: r.wpsUrl, // 如果需要通过js-sdk传递token方式鉴权，则需要包含w_tokentype=1参数//     })//     // 首次设置token和后续刷新token都是通过调用此API//     // demo.setToken({teken:r.token})//     // demo.setToken(r.token);//     demo.Application;// }else {//     layer.alert('请求错误！');// }}})

接入wps实现预览功能相关推荐

wps在线预览接口_WPS文档在线预览接入的一点心得
花了大半天时间接入WPS文档在线预览功能,还算比较顺利. 原来的OA系统一直用到文档在线预览功能,之前是用微软+officeweb365来实现的.一直感觉不太理想.昨天无意间见到金山WPS开放了在线文 ...
wps在线预览接口_在线文档预览（干货篇）
目前市面上的文档预览产品确实是五花八门,总的来说分两类产品:免费的产品很少也很局限,收费的产品很多很丰富但有坑!(这个坑嘛,大家都懂) 部分公司会选择自制文档预览功能,其实分析比较自制和外购两种方案, ...
智能媒体管理产品文档转换/预览功能介绍(1)---Cloud Native架构
一.导语办公文档是每个人日常频繁使用的工具,ppt.word.xls.wps.pdf等为我们工作和生活带来了很多的便利,本文介绍在云计算和智能手机时代,基于智能媒体管理的新型Cloud Nati ...
alert()的功能_前端实现简单的图片上传小图预览功能
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
智能媒体管理产品文档转换/预览功能介绍(4)--快速搭建
摘要: 智能媒体管理提供了 Cloud Native 架构的文档转换/预览服务,本文介绍快速搭建的示例,让您用 DIY 的体验方式实现文档预览功能. 一.导语智能媒体管理提供了 Cloud Nat ...
window下实现在线预览功能
window下实现在线预览功能最近用到文档在线预览功能,之前没接触过,一切从零开始,整了一段时间终于实现,现在把方法分享给大家! 一.主要思路先将其他格式的文档(office文档.txt.图片等等 ...
vue+vant使用图片预览功能ImagePreview的问题
如果您搜到这篇文章的话,那员外估计您遇到跟我一样的问题了,即在打开图片预览功能后,如果不关闭预览的图片,同时改变路由的话,会发现即使路由改变了,预览的图片还在文档的最顶层显示,如图: 着实让员外百思不 ...
Java实现图片裁剪预览功能
Java实现图片裁剪预览功能在项目中,我们需要做些类似头像上传,图片裁剪的功能,ok看下面文章! 需要插件:jQuery Jcrop 后端代码: package org.csg.upload;imp ...
uniapp实现图片预览功能
点击图片实现预览功能如下:  <view class="ms_shops"><swiper class="ms_swi ...

接入wps实现预览功能

接入wps实现预览功能相关推荐

最新文章

热门文章