龙空技术网

alist网盘增加office文档预览

气拔星 111

前言:

现在各位老铁们对“nginx预览文件”大概比较讲究,你们都需要学习一些“nginx预览文件”的相关文章。那么小编也在网络上汇集了一些有关“nginx预览文件””的相关文章,希望同学们能喜欢,看官们一起来了解一下吧!

alist网盘十分的好用且神奇,但无奈的是无法查看pdf和office文档预览。那么可以通过onlyoffice社区版(免费)进行预览操作。

效果:可以直接在网页中预览office文档文件

1、docker安装onlyoffice

docker run -it -d -p 8080:80 --restart=always --name onlyoffice onlyoffice/documentserver

2、增加view.html文件

在linux主机中增加view.html文件,其中src配置为自己的ip地址,可以保存至/home/onlyoffice中

没有这个文件夹就新建,mkdir -p /home/onlyoffice

src的值,要填写自己的主机IP,端口号就是刚才创建的onlyoffice容器暴露的端口

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>OnlyOffice Viewer</title></head><body>    <div id="placeholder"></div>    <script type="text/javascript" src="http://主机IP:8080/web-apps/apps/api/documents/api.js"></script>    <script>        function getQueryParamValue(name) {            const searchParams = new URLSearchParams(window.location.search);            return searchParams.get(name);        }        const url = decodeURIComponent(getQueryParamValue("src"));        const fileName = url.substring(url.lastIndexOf('/') + 1, url.lastIndexOf('?') != -1 ? url.lastIndexOf('?') : url.length);        const fileExtension = fileName.split('.').pop();        const docEditor = new DocsAPI.DocEditor("placeholder", {            "document": {                "fileType": fileExtension,                "permissions": {                    "edit": false,                    "comment": true,                    "download": true,                    "print": true,                    "fillForms": true,                },                "title": fileName,                "url": url,            },            "editorConfig": {                "lang": "zh-CN",                "mode": "view",            },            "height": "1080px",            "type": "desktop",        });    </script></body></html>

3、安装nginx,并增加conf配置文件

安装nginx--参考:

rpm -Uvh

yum install -y nginx

systemctl enable nginx --now

nginx安装好后,就在nginx中新建配置添加server,端口是8081

vim /etc/nginx/conf.d/onlyoffice.conf

server {    listen       8081;    server_name  localhost;    location / {       root /home/onlyoffice;  #这里修改为自己的view.html的目录       index index.html index.htm;    }}

4、alist预览配置增加

"onlyoffice":"http://主机IP:8081/view.html?src=$e_url"

完成添加配置,现在可以在网页上正常预览文档。

标签: #nginx预览文件