vue实现在线预览pdf,word,excel,ppt等office文件

1.只需要使用<ifreme>标签就能实现

<iframe 
 :src="https://view.xdocin.com/view?src=url"
 frameborder="0"
 width="100%"
 height="500"
></iframe>

2.url是指你的文档地址

3.后面可以跟参数
   3.1如:你要限制阅读的文档页数:

<iframe 
 :src="https://view.xdocin.com/view?src=url&limit=2"
 frameborder="0"
 width="100%"
 height="500"
></iframe>

4.可选参数 

&pdf=true,word文档尝试以pdf方式显示,默认false

&watermark=水印文本,显示文本水印;“img:”+图片url表示图片水印,如:img:https://view.xdocin.com/demo/wm.png

&saveable=true,是否允许保存源文件,默认false

&printable=false,是否允许打印,默认true

©able=false,是否允许选择复制内容,默认true

&toolbar=false,是否显示底部工具条,默认true

&title=自定义标题

&expire=30,预览链接有效期,单位分钟,默认永久有效

&limit=,限制页数,如:“5”表示只显示前5页,“2,5”表示从第2页开始的5页,对pdf/doc/docx/ppt/pptx有效

&filename=文件名,辅助识别文档格式

&fontsize=字体大小(单位px),默认14,范围:6~58

&mtime=文件修改时间戳(如:1633093801,精确到秒)或修改时间(如:2021-10-01 21:10:01),值改变刷新缓存

5.样式自己可以在iframe调节 

结束,拜了个拜!

GitHub 加速计划 / vu / vue
87
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:6 个月前 )
9e887079 [skip ci] 5 个月前
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 8 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐