关于文件在线预览的总结笔记

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，也能够进行相关多媒体的在线预览。