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

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,也可以进行相关多媒体的在线预览。

猜你喜欢

转载自www.cnblogs.com/ljwsyt/p/10833740.html