office 在线预览开放接口

Author：爆胎
发布时间：December 10, 2020
1790views
9 comments
5196 words
Categories：学习

> 最近项目上在搞各种需求，其中一个需要在线预览文档，什么`Word`，`PPT`，`EXEL`，`PDF`，图片啥玩意儿的，并且要适配移动端，兼容各种设备。之前考虑过，`officeweb365`，还挺贵、并且实际测速过，预览速度并不快，尤其是超过`50M`的文档，转码慢。但是最主要的还是只能部署在`Windows server`上，不能在`linux`部署，如果要用还得搞一台`Windows `的服务器，是在太麻烦了。经过一系列的折腾，最终搞出来一个兼容设备和大多数文件的预览接口，特此记录一番，开放服务，请善待。

## 接口地址
&nbsp;
<div class="tip inlineBlock success">

**//w.itggg.cn/onlinePreview?url=（附件地址:Base64编码格式）**
</div>

精力有限，此接口不再维护，请自行搭建或使用官方地址：https://kkfileview.keking.cn/
</div>

&nbsp;
## 特性

- 使用`spring boot`开发
- `rest`接口提供服务，跨平台特性(`java`,`php`,`python`,`go`,`php`，....)都支持，应用接入简单方便

&nbsp;
## 接入说明

**注,只支持30M内文件预览，服务器资源有限，更大的预览需求建议自建接口，可找我协助**
</div>

&nbsp;
如果你的项目需要接入文件预览项目，达到对`docx`、`excel`、`ppt`、`jpg`等文件的预览效果，那么通过在你的项目中加入下面的代码就可以 成功实现

```javascript
var url = 'http://127.0.0.1:8080/aHR0cHM6Ly9ib3MuaXQ='; //要预览文件的访问地址,Base64编码
window.open('http://w.itggg.cn/onlinePreview?url='+encodeURIComponent(url));
                    
```

&nbsp;
新增多图片同时预览功能，接口如下：

```javascript
var fileUrl =url1+"|"+"url2";//多文件使用“|”字符隔开
window.open('http://w.itggg.cn/onlinePreview?urls='+encodeURIComponent(fileUrl));
```

&nbsp;
## 普通文件下载url预览

```javascript
var url = 'http://127.0.0.1:8080/file/test.txt'; //要预览文件的访问地址
window.open('http://w.itggg.cn/onlinePreview?url='+encodeURIComponent(url));
```

&nbsp;
## http/https下载流url预览

很多系统内不是直接暴露文件下载地址，而是请求通过`id`、`code`等参数到通过统一的接口，后端通过`id`或`code`等参数定位文件，再通过`OutputStream`输出下载，此时下载`url`是不带文件后缀名的，预览时需要拿到文件名，传一个参数`fullfilename=xxx.xxx`来指定文件名，示例如下

```javascript
var originUrl = 'http://127.0.0.1:8080/filedownload?fileId=1'; //要预览文件的访问地址
var previewUrl = originUrl + '&fullfilename=test.txt'
window.open('http://w.itggg.cn/onlinePreview?url='+encodeURIComponent(previewUrl));
```

&nbsp;
## FTP下载url预览

### FTP匿名访问

如果要预览的FTP `url`是可以匿名访问的（不需要用户名密码），则可以直接通过下载`url`预览，示例如下

```javascript
var url = 'ftp://127.0.0.1/file/test.txt'; //要预览文件的访问地址
window.open('http://w.itggg.cn/onlinePreview?url='+encodeURIComponent(url));
```

&nbsp;
### 非匿名访问，确定只有访问一台FTP服务器

如果预览服务只访问一台`FTP`服务器，只需要在配置文件中配置`FTP`链接信息，则可以直接通过下载`url`预览，示例如下

```javascript
var url = 'ftp://127.0.0.1/file/test.txt'; //要预览文件的访问地址
window.open('http://w.itggg.cn/onlinePreview?url='+encodeURIComponent(url));
```

&nbsp;
### 非匿名访问，不只访问一台FTP服务器

如果预览服务要访问多台`FTP`服务器，且用户名密码不一致，可以通过在`url`中加入用户名密码等参数预览(`url`参数中的优化于配置文件中的)，示例如下

```javascript
var originUrl = 'ftp://127.0.0.1/file/test.txt'; //要预览文件的访问地址
var previewUrl = originUrl + '?ftp.username=xx&ftp.password=xx&ftp.control.encoding=xx';
window.open('http://w.itggg.cn/onlinePreview?url='+encodeURIComponent(previewUrl));
```

&nbsp;
## 预览效果

<button class="btn m-b-xs btn-info btn-rounded " onclick='window.open("https://w.itggg.cn/onlinePreview?url=aHR0cHM6Ly9ib3MuaXRnZ2cuY24vMjYwOTQ2MDkyLnhtbA==","_blank")'>XML</button>&nbsp;&nbsp;<button class="btn m-b-xs btn-info btn-rounded " onclick='window.open("https://w.itggg.cn/onlinePreview?url=aHR0cHM6Ly9ib3MuaXRnZ2cuY24vZG9tZS54bHN4","_blank")'>表格</button>&nbsp;&nbsp;<button class="btn m-b-xs btn-info btn-rounded " onclick='window.open("https://w.itggg.cn/onlinePreview?url=aHR0cHM6Ly9ib3MuaXRnZ2cuY24vamltaS/jgIrlj4jlr4Llr57lj4jnvo7lpb3jgIvlh6DnsbMucGRm","_blank")'>PDF</button>&nbsp;&nbsp;<button class="btn m-b-xs btn-info btn-rounded " onclick='window.open("https://w.itggg.cn/onlinePreview?url=aHR0cHM6Ly9ib3MuaXRnZ2cuY24vZG9tZTIucHB0eA==","_blank")'>PPT</button>&nbsp;&nbsp;<button class="btn m-b-xs btn-info btn-rounded " onclick='window.open("https://w.itggg.cn/onlinePreview?url=aHR0cHM6Ly9ib3MuaXRnZ2cuY24vZG9tZTMuZG9jeA==","_blank")'>文档</button>&nbsp;&nbsp;<button class="btn m-b-xs btn-info btn-rounded " onclick='window.open("https://w.itggg.cn/onlinePreview?url=aHR0cHM6Ly9ib3MuaXRnZ2cuY24vZG9tZS50eHQ=","_blank")'>TXT</button>&nbsp;&nbsp;<button class="btn m-b-xs btn-info btn-rounded " onclick='window.open("https://w.itggg.cn/onlinePreview?url=aHR0cHM6Ly9ib3MuaXRnZ2cuY24vZG9tZS5tZA==","_blank")'>MD</button>&nbsp;&nbsp;<button class="btn m-b-xs btn-info btn-rounded " onclick='window.open("https://w.itggg.cn/onlinePreview?url=aHR0cHM6Ly9ib3MuaXRnZ2cuY24vZG9tZTUuanBn","_blank")'>图片</button>&nbsp;&nbsp;<button class="btn m-b-xs btn-info btn-rounded " onclick='window.open("https://w.itggg.cn/onlinePreview?url=aHR0cHM6Ly9ib3MuaXRnZ2cuY24vc3FsLnNxbA==","_blank")'>SQL语句</button>&nbsp;&nbsp;<button class="btn m-b-xs btn-info btn-rounded " onclick='window.open("https://w.itggg.cn/onlinePreview?url=aHR0cHM6Ly9ib3MuaXRnZ2cuY24vdGVybWluYXRlUHJvY2Vzcy5zaA==","_blank")'>SH脚本</button>&nbsp;&nbsp;<button class="btn m-b-xs btn-info btn-rounded " onclick='window.open("https://w.itggg.cn/onlinePreview?url=aHR0cHM6Ly9ib3MuaXRnZ2cuY24vd2luZG93LnB5","_blank")'>Python代码</button>&nbsp;&nbsp;<button class="btn m-b-xs btn-info btn-rounded " onclick='window.open("https://w.itggg.cn/onlinePreview?url=aHR0cHM6Ly9ib3MuaXRnZ2cuY24vRGF0YUNvbW1hbmQuamF2YQ==","_blank")'>JAVA代码</button>&nbsp;&nbsp;<button class="btn m-b-xs btn-info btn-rounded " onclick='window.open("https://w.itggg.cn/onlinePreview?url=aHR0cHM6Ly9ib3MuaXRnZ2cuY24vbWVtb3J5LmpzcA==","_blank")'>JSP</button>&nbsp;&nbsp;<button class="btn m-b-xs btn-info btn-rounded " onclick='window.open("https://w.itggg.cn/onlinePreview?url=aHR0cHM6Ly9ib3MuaXRnZ2cuY24vVXdmU2VydmljaW5nTWFzdGVyU2NyaXB0LmNtZA==","_blank")'>CMD命令</button>&nbsp;&nbsp;<button class="btn m-b-xs btn-info btn-rounded " onclick='window.open("https://w.itggg.cn/onlinePreview?url=aHR0cHM6Ly9ib3MuaXRnZ2cuY24vQnVpbGQuYmF0","_blank")'>BAT脚本</button>&nbsp;&nbsp;<button class="btn m-b-xs btn-info btn-rounded " onclick='window.open("https://w.itggg.cn/onlinePreview?url=aHR0cHM6Ly9ib3MuaXRnZ2cuY24vY2FkLmR3Zw==","_blank")'>DWG图纸</button>

Last modification：June 16th, 2021 at 11:41 am

如果你想请我喝奶茶的话

9 comments

6ug
6 Mouths Ago

提供拼多多代发京东快递淘宝代发，无需签收，单号网www.kuaidzj.com

Reply
3ce
10 Mouths Ago

dhd_klshx.cn 开通下老哥
::aru:aru110::

Reply
1. 爆胎
  10 Mouths Ago
  
  @3ce
  
  红红火火恍恍惚惚
  11111
  
  Reply
System•醉々意清风
10 Mouths Ago

老哥，随便啥附件源都可以吗？

Reply
1. 爆胎
  10 Mouths Ago
  
  @System•醉々意清风
  
  违法乱纪的可不行
  
  Reply
摩羯座
10 Mouths Ago

预览的效果还可以

Reply
1. 爆胎
  10 Mouths Ago
  
  @摩羯座
  
  欢迎白嫖
  233333333333333
  
  Reply
白沙
10 Mouths Ago

怎么用啊？大佬，我拼接地址后预览不了呢

Reply
1. 爆胎
  10 Mouths Ago
  
  @白沙
  
  设置了白名单，留下你的附件源出口域名。
  
  Reply

为你的博客添加一个萌萌哒的看板娘吧
浏览次数: 24565
网易云日推
浏览次数: 23297
氛围音乐
浏览次数: 18736
OneManager搭建网盘详细过程
浏览次数: 7546
在回忆里，我们永远是恋人
浏览次数: 5641

乐乐
支持下看看！！！！
Anakin
API、博客、主页。。。所有的🤣
Anakin
ssl过期啦
老刘
好看，品味审美都在线
r43g
5a单号网快递购买 5a空包代发网www.5adanhw.com

office 在线预览开放接口

爆胎 • 2020 年 12 月 10 日

## 接口地址
&nbsp;
<div class="tip inlineBlock success">

**//w.itggg.cn/onlinePreview?url=（附件地址:Base64编码格式）**
</div>

精力有限，此接口不再维护，请自行搭建或使用官方地址：https://kkfileview.keking.cn/
</div>

&nbsp;
## 特性

- 使用`spring boot`开发
- `rest`接口提供服务，跨平台特性(`java`,`php`,`python`,`go`,`php`，....)都支持，应用接入简单方便

&nbsp;
## 接入说明

**注,只支持30M内文件预览，服务器资源有限，更大的预览需求建议自建接口，可找我协助**
</div>

&nbsp;
如果你的项目需要接入文件预览项目，达到对`docx`、`excel`、`ppt`、`jpg`等文件的预览效果，那么通过在你的项目中加入下面的代码就可以 成功实现

&nbsp;
新增多图片同时预览功能，接口如下：

```javascript
var fileUrl =url1+"|"+"url2";//多文件使用“|”字符隔开
window.open('http://w.itggg.cn/onlinePreview?urls='+encodeURIComponent(fileUrl));
```

&nbsp;
## 普通文件下载url预览

```javascript
var url = 'http://127.0.0.1:8080/file/test.txt'; //要预览文件的访问地址
window.open('http://w.itggg.cn/onlinePreview?url='+encodeURIComponent(url));
```

&nbsp;
## http/https下载流url预览

&nbsp;
## FTP下载url预览

### FTP匿名访问

如果要预览的FTP `url`是可以匿名访问的（不需要用户名密码），则可以直接通过下载`url`预览，示例如下

```javascript
var url = 'ftp://127.0.0.1/file/test.txt'; //要预览文件的访问地址
window.open('http://w.itggg.cn/onlinePreview?url='+encodeURIComponent(url));
```

&nbsp;
### 非匿名访问，确定只有访问一台FTP服务器

如果预览服务只访问一台`FTP`服务器，只需要在配置文件中配置`FTP`链接信息，则可以直接通过下载`url`预览，示例如下

```javascript
var url = 'ftp://127.0.0.1/file/test.txt'; //要预览文件的访问地址
window.open('http://w.itggg.cn/onlinePreview?url='+encodeURIComponent(url));
```

&nbsp;
### 非匿名访问，不只访问一台FTP服务器

如果预览服务要访问多台`FTP`服务器，且用户名密码不一致，可以通过在`url`中加入用户名密码等参数预览(`url`参数中的优化于配置文件中的)，示例如下

&nbsp;
## 预览效果

office 在线预览开放接口

Leave a Comment Cancel reply

9 comments

为你的博客添加一个萌萌哒的看板娘吧

网易云日推

氛围音乐

OneManager搭建网盘详细过程

在回忆里，我们永远是恋人

Purrple Cat - Adventure Island 🌈 [lofi hip hop/relaxing beats]

也是丧的一天

Marvel83' Edition | Best of Synthwave And Retro Electro Music Mix

VA-11 HALL-A 赛博朋克

Font Awesome 矢量图标使用

office 在线预览开放接口