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

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调节 

结束，拜了个拜！