眾所周知啊，在web瀏覽器中是無法直接預(yù)覽Excel、world文檔等文件的，PDF有的瀏覽器是打開預(yù)覽，有的瀏覽器是跳轉(zhuǎn)到下載頁，行為不一致也是讓開發(fā)者頭疼的事情。
今天給大家提供一個解決方案，實現(xiàn)office文件在線預(yù)覽的解決方案，這個在開發(fā)OA，推送通知觸達的應(yīng)用非常有用。借助插件——onlyoffice實現(xiàn)在線預(yù)覽功能！
操作環(huán)境：centOS + 寶塔面板
第一步、下載docker
在寶塔面板的【軟件商店】中查找應(yīng)用docker，安裝docker跟docker管理器，并將它放置在面板首頁。這樣我們就可以在面板首頁找到docker管理器了。
?
?第二步、安裝onlyoffice鏡像
在寶塔首頁點擊Docker管理器，在官方鏡像倉庫中搜索并安裝?documentServer。
?拉取完畢之后在你的docker鏡像中就能找到onlyoffice鏡像了。
?我們通過命令docker inspect [images_id]，看到該鏡像暴露了一個80端口。這是用于鏡像訪問的端口，我們啟動容器的時候做好端口映射就能成功訪問了。
?第三步、啟動容器
可在命令行中，通過命令：
docker run -it --name documentServer -d -p 9090:80 onlyoffice/documentserver其中，-it表示使用交互式終端，ubuntu是基礎(chǔ)鏡像，bash則是要執(zhí)行的命令。當(dāng)我們運行這條命令時，Docker會自動為我們創(chuàng)建一個容器，并在其中開啟一個bash終端。此時，我們就可以在容器中運行各種bash命令，這對于需要交互式操作的用戶來說非常方便。
-d選項表示讓Docker以守護進程方式運行容器。在我們使用-d選項時，Docker會把容器放到后臺執(zhí)行
-p表示端口映射，我們將本機的9090端口（可隨你指定），映射到onlyoffice鏡像的80端口
啟動成功之后會返回一個容器ID
第四步、測試onlyoffice
訪問localhost:9090，如果出現(xiàn)了一下畫面那么onlyoffice服務(wù)已經(jīng)啟動成功！
啟動成功之后會提供一個js文件，通過http://localhost:9090/web-apps/apps/api/documents/api.js?訪問，前端引用該文件做好配置即可在線預(yù)覽office文件。
第五步、前端調(diào)用服務(wù)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="placeholder"></div>
<script type="text/javascript" src="http://localhost:9090/web-apps/apps/api/documents/api.js"></script>
<script>
var docEditor = new DocsAPI.DocEditor("placeholder", {
"document": {
"fileType": "docx",
"permissions": {
"edit": false,
},
"key": "C8D7FB890BAC496FB0D27B163EDB88BDAA",
"title": "zf張飛.docx",
"url": "你需要預(yù)覽的文件地址",
},
"height": "1000px",
"width": "100%"
});
</script>
</body>
</html>?至此，已經(jīng)可在線預(yù)覽了。文章來源：http://www.zghlxwxcb.cn/news/detail-582654.html
onlyoffice? git地址：https://github.com/ONLYOFFICE/DocumentServer文章來源地址http://www.zghlxwxcb.cn/news/detail-582654.html
到了這里，關(guān)于web瀏覽器在線預(yù)覽Excel，PDF，world文檔解決方案的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
