pc端js在线预览Word、Excel

刺心疯

已于 2022-10-18 11:58:48 修改

阅读量4.8k

点赞数 2

分类专栏：前端 HTML5 文章标签： javascript 前端

于 2022-10-18 11:58:38 首次发布

本文链接：https://blog.csdn.net/qq_42363090/article/details/127385523

版权

HTML5 同时被 2 个专栏收录

203 篇文章 10 订阅

订阅专栏

前端

38 篇文章 1 订阅

订阅专栏

OfficeWeb查看器允许用户在浏览器中直接打开和预览Word、PowerPoint和Excel文件，无需下载或安装Office。这个工具支持移动端和PC端，对于没有Office软件的用户也非常友好。尽管打开速度可能较慢，但通过提供的JavaScript代码示例，可以在网站或博客中轻松实现预览功能。适用文件类型包括.doc、.docx、.xls、.xlsx等。

摘要由CSDN通过智能技术生成

Office Web 查看器（微软的开发接口）

直接在浏览器中打开 Word、PowerPoint 或 Excel 文件，将下载链接转换为 Office Web Viewer 链接以在您的网站或博客中使用
注意: 在 SharePoint 2019 中，可插入的文件类型仅限于 Word、Excel 和 PowerPoint (，.doc、.docx。 xls、.xlsx、.pot、.potx、.ppt 和 .pptx) 。

它的优点是：

1.适用于移动端、pc端

2.无需下载文件即可在浏览器钟预览

3.没有office也能查看office文件

它的缺点是：

打开速度有些慢

直接上代码：

let fileUrl = 'https://abcd.com/file/ec/file/12/2022-10/5X0EXHklxHUqP03cKjIyxwS1.xlsx?OSSAccessKeyId=LTAI3KJGpt9V......'
let url = encodeURIComponent(fileUrl)
let officeUrl = 'http://view.officeapps.live.com/op/view.aspx?src='+url
// 在新窗口打开编码后 的链接
window.open(officeUrl,'_target')