前言:
现在各位老铁们对“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预览文件