文件阅览功能的实现(适用于word、pdf、Excel、ppt、png...)

需求描述：

需要一个组件，同时能预览多种类型文件，一种类型文件可有多个的文件。

看过各种博主的方案，其中最简单的是利用第三方地址进行预览解析（无需任何插件）；

这里推荐三个地址：       

        @params 微软解析地址

        @url    https://view.officeapps.live.com/op/view.aspx?src=资料地址

        @params docx云服务解析 大小限制 50MB

        @url    http://view.xdocin.com/xdoc?_xdoc=资料地址

        @params 豆瓣在线预览解析  

        @url    www.xdocin.com/xdoc?_func=to&_format=html&_cache=1&_xdoc=资料地址

 效果图：

已测试，因为单线程原因，可能有些文件无法同时展现，后期还会优化

 注意：操作的文件必须是公网能访问得到的，否则无法被解析；

组件代码：

方法还是有很多的，下面给大家推荐几个还不错的网站；

可参考：

vue在线预览word、excel、pdf、txt、图片的相关资料,

https://www.jb51.net/article/266520.html

vue集成Luckyexcel实现在线编辑Excel，可自行导入，也可从服务器端获取：

https://blog.csdn.net/weixin_45000975/article/details/121856816

希望对大家有所帮助，如有不妥，多多包涵