微软 Office Web Viewer 的使用

标题在浏览器阅读word，excel，pptx的offic文件，可以使用微软的开发接口

准备工作：需要有个后端接口，可以通过这个接口获取文件，我这里的接口读取的是本地的excel文件，是写死的，不需要指定文件名，你们可以写一个向接口发送指定文件名和路径的接口，读取想要的文件。
java接口代码如下:
这里有一点需要注意，就是函数的返回值要写成void，我刚开始写的是 HttpServletResponse，然后发现向接口发送请求的时候报如下的错：

No converter for XXX with preset Content-Type ‘application/vnd.ms-excel；charset=utf-8‘

接口：

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;import javax.servlet.http.HttpServletResponse;
import java.io.*;@Controller
@RequestMapping(value = "/file")
@ResponseBody
public class FileController {@RequestMapping("download")public void downloadFile(HttpServletResponse response){System.out.println("接收到了下载文件的请求");String path = "D:/ability.xlsx";try {// path是指欲下载的文件的路径。File file = new File(path);// 取得文件名。String filename = file.getName();// 取得文件的后缀名。String ext = filename.substring(filename.lastIndexOf(".") + 1).toUpperCase();// 以流的形式下载文件。InputStream fis = new BufferedInputStream(new FileInputStream(path));byte[] buffer = new byte[fis.available()];fis.read(buffer);fis.close();// 清空responseresponse.reset();// 设置response的Headerresponse.addHeader("Content-Disposition", "attachment;filename=" + new String(filename.getBytes()));response.addHeader("Content-Length", "" + file.length());OutputStream toClient = new BufferedOutputStream(response.getOutputStream());response.setContentType("application/octet-stream");toClient.write(buffer);toClient.flush();toClient.close();} catch (IOException ex) {ex.printStackTrace();}}}

然后在前端页面写入如下js代码

<div><el-button type="primary" @click="testfile">预览文件</el-button>
</div>const testfile = () => {let routeUrl = "http://域名/file/download"; //文件路径let url = encodeURIComponent(routeUrl);let officeUrl = "http://view.officeapps.live.com/op/view.aspx?src=" + url;window.open(officeUrl, "_target");
};

个人认为实现的原理是微软的服务器读取到我们的文件，然后将渲染结果发送给我们，所以routeUrl 中的地址必须是公网ip地址，否则无法使用。
使用效果如下：

微软 Office Web Viewer 的使用相关推荐

office web viewer 报错问题
office web viewer 报错问题最近接到了一个在页面中在线预览office文件功能的需求,在网上查阅了一下资料,发现一个较为简单的方式,直接使用微软提供的接口 office web vi ...
php 文档在线查看器,Office Web Viewer 在线Office文档查看器API
您的网站或博客上是否有希望您的读者查看的 Office 文档(即使他们未安装 Office)?您是否更喜欢在下载文档之前查看文档?若要给您的受众提供更好的体验,请试试 Office Web Viewe ...
office web viewer实现office文档在线预览
office web viewer实现office文档在线预览 office web viewer官网介绍若要自行制作 URL,您可使用以下链接,其中 <文档位置> 是文档的 URL. ...
java office web apps_Office Web Apps正式向全球免费开放!
泡泡网笔记本频道3月11日经微软日前正式,旗下Office Web Apps已向全球用户免费开放,凡是Hotmail以及SkyDrive用户,皆可免费使用Web版Office 2010. 微软Off ...
在Ubuntu上用微软OFFICE安装官方Microsoft Office Web Apps deb
在Ubuntu上要用微软OFFICE?去安装官方的Web应用吧 https://linux.cn/article-3826-1.html 译者: LCTT cereuz | 2014-09-15 14 ...
在线文档预览方案-office web apps
原文:在线文档预览方案-office web apps 最近在做项目时,要在手机端实现在线文档预览的功能.于是百度了一下实现方案,大致是将文档转换成pdf,然后在通过插件实现预览.这些方案没有具体实现 ...
[转载]在线文档预览方案-Office Web Apps
最近在做项目时,要在手机端实现在线文档预览的功能.于是百度了一下实现方案,大致是将文档转换成pdf,然后在通过插件实现预览.这些方案没有具体实现代码,也没有在线预览的地址,再加上项目时间紧迫.只能考虑 ...
.Net Core集成Office Web Apps（一）
最近开始学习.Net Core,并使用Visual Studio Code工具来开发.感觉开发起来特别的方便,但是有个头疼的地方:许多的类库被修改了,一时半会儿还熟悉不了,需要查阅官方API... M ...
Office Web App2013 在线查看PDF文件
经常会有客户问,在SharePoint中,如何在浏览器中查看与编辑文档,通常给出的解决方案是集成Office Web App. 而在实际应用过程中,客户通常会要求实现PDF文件在线查看,对于PDF文件 ...

微软 Office Web Viewer 的使用

标题在浏览器阅读word，excel，pptx的offic文件，可以使用微软的开发接口

微软 Office Web Viewer 的使用相关推荐

最新文章

热门文章