在web頁面上實現文檔在線預覽
由來
—— 最近聽一個同學說公司有新的需求，要求做一個直播頁面，並且可以同時在線播放ppt、word等文檔
這一下就難倒了剛畢業的我們，但問題還是要解決的
解決過程
biying 了一下 office 在線預覽
羅列一下索引結果
經過一波波試錯，重做，下面奉上一波 "office 在線預覽" 干貨
具體實現方法有很多，如：
- 通過服務器預先轉換為PDF，再轉換為SWF，最后通過網頁加載Flash預覽(不符合×)
- office轉Html、pdf轉圖片在線預覽文件Html文件(不符合×)
- 微軟的Office365(符合√)
- 第三方成熟的服務(符合√)
- 在瀏覽器中直接打開(不符合×)
我挨個都試了試，但都因為不知名問題達不到預期效果
而且我沒有服務器直接pass好幾個，比較之后，我來介紹下面三個 :
-
微軟的office在線預覽可以，效果和pc機沒什么區別感覺，但不可以自定義修改樣式(很費事修改起來，所以放棄)
-
在線文檔預覽 - I Doc View ，這個非常精簡，實際播放效果類似圖片預覽(然后效果不好也pass了)
-
永中DCS文檔預覽，一看名就很專業~，打開官網仔細看了看，發現是個大廠產品，而且受眾頗多 如下圖:
這么多名企都在使用，看的我也迫不及待的想要體驗一把，二話不說, 下面來着重介紹永中DCS文檔預覽
永中DCS文檔預覽
簡介
永中DCS文檔在線預覽軟件（Document Conversion Service）是永中軟件股份有限公司基於十多年核心技術積累、面向移動互聯領域推出的一款文檔處理軟件。永中DCS采用自主可控核心技術，具備快速技術和服務響應能力，把文檔原樣輸出為HTML，圖片等，即點即得、無需下載、保護文檔隱私，快速高效，輕松實現文檔在線安全閱讀。
永中DCS產品文檔(可自行跳轉查閱)
介紹就不贅述了，直接講講怎么用！
永中官網有一個在線預覽示例我試了一個ppt效果很不錯
大家也可以試試，一定會喜歡的
公有雲使用
前端工程師當然是要調用現成接口啦
使用方法
打開官網：官方網址
注冊進入：登錄后如圖 :
輸入文件地址：
拼接api預覽地址
http://dcsapi.com/?k=域名key&url=要預覽的文件下載地址
例如： http://dcsapi.com/?k=1744232&url=http://58.215.166.234/example/doc/doctest.docx
參數說明：
- 參數k：系統會在新增域名時自動生成一個key，用來驗證域名是否合法。
- 參數url：文件的下載地址 ，比如：
http://dcs.yozosoft.com/yozodoc.docx
四個可選參數：
- noCache：Boolean格式。是否強制重新轉換（忽略緩存）, true為強制重新轉換，false為不強制重新轉換。
- watermark：String格式。針對單文檔設置水印內容。
- isCopy：Integer格式（0否1是，默認為0。針對單文檔設置是否防復制）。
- pageStart：Integer格式；pageEnd：Integer格式。試讀功能（轉換頁數的起始頁和轉換頁數的終止頁，擁有對應權限的域名才能調用）。
獲取預覽網址：
接口說明：用戶通過api調用方式獲取預覽地址，所獲取的預覽地址不包含用戶的key值和用戶的文檔地址等參數信息。
網址組裝格式： http://api網址/ getPreview +?k=(域名對應的用戶Key)+&url=(在線文檔地址) +&isCopy=(是否防復制1是0否，可選) +&watermaerk=(水印文字內容，可選)
說明：
- api網址的域名地址
- 可選內容的不需要時可以去掉
- 組裝格式中紅色+符號為組裝提示符，組裝中請勿帶進去例如：假如用戶注冊的域名為abc.com，域名對應的用戶Key為123456，在線文檔地址為
http://abc.com/123.doc，則組裝網址如下:
域名方式組裝效果為： http://api.yozocloud.cn/ getPreview?k=123456&url=http://abc.com/123.doc ，
帶可選內容效果為： http://api.yozocloud.cn/ getPreview?k=123456&url=http://abc.com/123.doc&isCopy=1&watermark=abcd
返回的信息為json字符串如下, data中https鏈接即為預覽地址：
{
"data":{
"data":"https://p.dcsapi.com/view/preview/xxxxxxxx/"
},
"message":"操作成功",
"errorcode":0
}
支持 doc、docx、xls、xlsx、ppt、pptx、pdf、txt 和壓縮文件等多種常用Office文檔格式
私有雲的部署
DCS可以私有化部署，適合對文檔安全性要求更高的用戶
由於我是前端攻城獅，就只給大家附上私有雲部署的文檔鏈接