在线打开ACCES

转载

mob64ca140530fb 2025-03-12 15:17:59

文章标签 在线打开ACCES word pdf powerpoint ci 文章分类 架构后端开发

office 文档在线预览功能实现

可以通过`https://view.officeapps.live.com/op/view.aspx?src=`的形式来预览，亲测有效！！！
window.open(`https://view.officeapps.live.com/op/view.aspx?src=${this.filePath}` )
`web`实现`office文档在线预览功能`——基础积累
同时支持所有文档类型：`word,excel,pdf,ppt等多种格式`的最常用就是`https://view.xdocin.com/view?src=文档地址`
方法1：`https://view.xdocin.com/view?src=你的文档地址`

1.用法：非常简单
2.缺点：使用他们的云服务要收费——`为什么没有提收费的问题！！！`

`这个官网其实是收费项目，至于为啥网上百度出来的预览方法中都没有提到收费问题，我就不清楚了。。。。`
2.直接使用`iframe`标签，但是有些链接可以直接预览，有些链接会直接下载了。

可以通过`https://view.officeapps.live.com/op/view.aspx?src=`的形式来预览，亲测有效！！！

window.open(`https://view.officeapps.live.com/op/view.aspx?src=${this.filePath}` )

`web`实现`office文档在线预览功能`——基础积累

最近遇到一个需求，就是要实现多种文档链接的在线预览，最简单的方式就是通过window.open(url地址)的方式来实现。

但是如果要求是在一个弹窗中预览的话，则不能通过window.open来实现了，使用window.open会打开一个新的浏览器标签页。

百度后发现提供最多的就是 office 文档预览查看器：

同时支持所有文档类型：`word,excel,pdf,ppt等多种格式`的最常用就是`https://view.xdocin.com/view?src=文档地址`

在线打开ACCES_ci

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

对应的官网地址：XDOC文档预览云服务：http://view.xdocin.com/

1.用法：非常简单

<iframe :src="`https://view.xdocin.com/view?src=${encodeURIComponent(fileUrl)}`"
          frameborder="0"
          width="100%"
          height="500"
        ></iframe>

需要用encodeURIComponent将链接转义后，拼接到https://view.xdocin.com/view?src=后面，然后通过iframe标签渲染即可。