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编码(实测不转话也可以),这里会自动把地址拼接出来,直接点击在新页面打开即可。如果不使用上边的帮助页面转码,也可以直接把文件服务器地址拼接到上边的预览地址后边即可,如:
此外,使用embed标签,指定src,也可以进行相关多媒体的在线预览。