Vue前端在线预览文件插件

Vue前端在线预览文件插件

一、使用场景

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

二、此文档介绍两种插件

1.view.xdocin插件
(上线后免费几天,然后收费,添加作者后,可以延长使用几天)
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/404a2019c36a4e7f943568c9c01eff33.png
2.view.officeapps.live插件
(微软插件,说的是免费,使用中)

三、代码示例

1.1.view.xdocin插件

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

注:
1.文档地址要用utf-8编码,并且外网可访问
2.添加的多行水印个数,不能调节
3.修改打印等参数,参考文档XDOC文档预览服务接口

2.微软view.officeapps.live插件

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

注:
1.微软的两种预览方式,一种好像可以打印,另一种不是,可以自行测试。
2.预览的整体响应速度不是很快,文档页数太多,有时翻页会出现只能翻到5页左右,需重新打开,等文件全部加载完毕。

总结:
1.随着互联网时代的飞速发展,越来越多的工作开始依赖于云端服务,我们的办公方式也逐渐发生了翻天覆地的变化。后台管理系统需要一种快速查看文档,无需下载并安装软件。
2.市面上的预览插件很多,上述两种方式,都是本人用过的总结,不喜勿喷,谢谢。

一个在学习的开发者,勿喷,欢迎交流

相关推荐

  1. 前端使用pdf、docx、xlsx、pptx格式文件

    2024-06-09 01:44:04       48 阅读
  2. vue,uniapp的pdf等文件在线

    2024-06-09 01:44:04       43 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-09 01:44:04       5 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-09 01:44:04       5 阅读
  3. 在Django里面运行非项目文件

    2024-06-09 01:44:04       4 阅读
  4. Python语言-面向对象

    2024-06-09 01:44:04       6 阅读

热门阅读

  1. 【C/C++】相机标定

    2024-06-09 01:44:04       19 阅读
  2. ffmpeg视频编码原理和实战-(4)H264原始码流分析

    2024-06-09 01:44:04       14 阅读
  3. MATLAB 匿名函数

    2024-06-09 01:44:04       15 阅读
  4. GPT-4o的崛起:人工智能新纪元的开端

    2024-06-09 01:44:04       18 阅读
  5. 一千题,No.0049(跟奥巴马一起编程)

    2024-06-09 01:44:04       17 阅读
  6. 一些关于机器学习的思路和猜测

    2024-06-09 01:44:04       18 阅读
  7. Python代码——压缩整个文件夹

    2024-06-09 01:44:04       22 阅读