Vue前端在线预览文件插件

Vue前端在线预览文件插件

一、使用场景

1.1.像文档资料等，只想让他人在线预览，但不能下载。此等场景需求可以用到此插件。
二、此文档先容两种插件

1.view.xdocin插件
(上线后免费几天，然后收费，添加作者后，可以延伸使用几天)

2.view.officeapps.live插件
(微软插件，说的是免费，使用中)
三、代码示例

1.1.view.xdocin插件

1. https://view.xdocin.com/view?src=你的文档地址

复制代码

注：
1.文档地址要用utf-8编码，而且外网可访问
2.添加的多行水印个数，不能调治
3.修改打印等参数，参考文档XDOC文档预览服务接口
2.微软view.officeapps.live插件

1. https://view.officeapps.live.com/op/embed.aspx?src=" + encodeURIComponent(file.url)
2. https://view.officeapps.live.com/op/view.aspx?src=（file.url的urlencode编码)

复制代码

注：
1.微软的两种预览方式，一种似乎可以打印，另一种不是，可以自行测试。
2.预览的整体响应速率不是很快，文档页数太多，有时翻页会出现只能翻到5页左右，需重新打开，等文件全部加载完毕。
总结：
1.随着互联网时代的飞速发展，越来越多的工作开始依赖于云端服务，我们的办公方式也逐渐发生了翻天覆地的厘革。背景管理体系需要一种快速查看文档，无需下载并安装软件。
2.市面上的预览插件很多，上述两种方式，都是本人用过的总结，不喜勿喷，谢谢。
一个在学习的开发者，勿喷，欢迎交换

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

继续阅读请点击广告