關於文件在線預覽的總結筆記

1.視頻音頻

　　可直接使用video，audio標籤，可參考前邊的隨筆。

2.圖片

　　直接使用img標籤便可

3.pdf

　　pdf文件流可直接進行渲染，只須要使用iframe把地址指向可預覽的服務器存放地址便可；也能夠直接使用相關插件，好比vue-pdf，pdf.js等。

4.其餘文檔

　　word、表格、ppt等。

　　方法1：直接轉成pdf文件流，而後像pdf同樣直接預覽；

　　方法2：使用相關插件，再也不介紹；

　　方法3：使用微軟自帶的在線文件預覽功能。使用方法以下：

　　　　預覽頁面：https://view.officeapps.live.com/op/view.aspx

　　　　幫助頁面：https://products.office.com/zh-CN/office-online/view-office-documents-online

　　　　使用：將文件的服務器地址粘貼到上邊的幫助頁面，而後轉化爲url編碼（實測不轉話也能夠），這裏會自動把地址拼接出來，直接點擊在新頁面打開便可。若是不使用上邊的幫助頁面轉碼，也能夠直接把文件服務器地址拼接到上邊的預覽地址後邊便可，如：

　　　　　　https://view.officeapps.live.com/op/view.aspx?src=http://files.test.nercel.cn//cyberhouse/9fa3a9a8-6c05-41ed-a16a-7e17f3247eee.docx

 

　　此外，使用embed標籤，指定src，也能夠進行相關多媒體的在線預覽。