在线预览 Word、Excel、PowerPoint 文档—

在做后台管理系统的时候，经常需要上传文件，常用的文件类别基本上就是office三大件。文件上传成功后，往往需要预览。

此时可以通过office online插件来实现office文件的预览效果。

下面是效果图：由于我暂时没有找到线上的powerpoint的文档链接，因此效果图依然是展示的word的文档，使用方法都是完全一样的。

直接上代码：

<div style="display:flex;"><iframesrc="https://view.officeapps.live.com/op/view.aspx?src=https://physics.nankai.edu.cn/_upload/article/6b/7c/8fe84466415a8e5d48a29c5e08a6/1ea96f13-3367-4ea7-a77f-85b0ec15e121.doc"width="100%"height="600px"frameborder="1"></iframe><iframesrc="https://view.officeapps.live.com/op/view.aspx?src=https://physics.nankai.edu.cn/_upload/article/files/b2/42/e1f28f964ffd8ec534034429bf79/d7a385f5-65a6-4b98-b98a-cfab9b166549.xls"width="100%"height="600px"frameborder="1"></iframe><iframesrc="https://view.officeapps.live.com/op/view.aspx?src=https://physics.nankai.edu.cn/_upload/article/6b/7c/8fe84466415a8e5d48a29c5e08a6/1ea96f13-3367-4ea7-a77f-85b0ec15e121.doc"width="100%"height="600px"frameborder="1"></iframe>
</div>

通过iframne标签可以直接用于文件的预览，其中的src属性，传参内容是src="https://view.officeapps.live.com/op/view.aspx?src=url"

其中的url是文档的线上地址

width是宽度，height是高度，framborder是边框宽度

最终效果如上所示。

原文链接：https://blog.csdn.net/yehaocheng520/article/details/120970679

在线预览 Word、Excel、PowerPoint 文档——Office Online插件使用相关推荐

html画布显示PPT,【Web前端问题】有没有办法让HTML5 canvas显示/预览word/excel/powerpoint 文档？...
目前想实现类似百度文库那样的在线文档预览,但是他们使用的一般都是Flash,而HTML5 canvas可以在大多数情况下代替Flash,那么有没有办法让canvas显示/预览Office文档? 如果不 ...
前端在线预览word,excel,pdf
前端在线预览word,excel,pdf 预览Word 预览pdf 预览Excel 预览Word 微软的在线预览功能,可以预览word.ppt.Excel.PDF 局限: 需要外网能访问文件,如果是只 ...
关于在线预览word,excel,ppt,pdf的需求处理方法。
参考文档:http://www.cnblogs.com/wolf-sun/p/3574278.html 我选用的方案:先用office com组件生成pdf,然后使用pdf.js在线预览pdf文档.在 ...
wps在线预览接口_金山文档在线编辑 - 快速接入 - 《WPS开放平台技术文档》 - 书栈网 · BookStack...
快速接入一.申请和上线流程如下: 1.申请Appid和SecretKey 需要前往https://open.wps.cn 注册服务商,并且申请开通金山文档在线编辑服务. 2.实现回调接口根据本文档 ...
Vue 预览word,excel,ppt等office文档-内网访问（基于onlyoffice，后端返回文件流）
Vue 预览word,excel等office 先看效果!! 需求背景:在前端页面中预览office文件且是内网访问,服务器不可访问外网的前提. 因此微软的接口就废掉了,因为他接口的条件是可以访问外网 ...
在线预览word文档
在线预览word文档在线预览word文档 Java 使用wps将word文件转换pdf文件转成PDF 在线预览word(转成pdf)前端展示欢迎来提更好的意见在线预览word文档昨天下午组长 ...
使用永中文档实现java在线预览Word，Excel，Pptx，Pdf
使用永中文档实现java在线预览Word,Excel,Pptx,Pdf 永中文档提供了在线预览的功能永中开发者文档如果需要直接运行,请直接修改代码中的两个参数转换类型在下方,根据传入以及输出类型 ...
Springboot 超简单实现在线预览,Word文档 doc、xlsx、pdf、txt等
前言 PDF.TXT 只要资源可访问,根本就不需要进行任何处理,直接访问查看就完事了. 也是因为这个PDF可以直接查看(现在浏览器基本支持了),那么我们实现Word文档在线预览,其实也是把WORD文 ...
（开源kkFileView、kkOffice）在线预览word、pdf、ofd、excel、ppt、压缩包、图片等等
(开源kkFileView.kkOffice)在线预览word.pdf.ofd.excel.ppt.压缩包.图片等前言此项目为文件文档在线预览项目解决方案,对标业内付费产品有[永中office][ ...

在线预览 Word、Excel、PowerPoint 文档——Office Online插件使用

在线预览 Word、Excel、PowerPoint 文档——Office Online插件使用相关推荐

最新文章

热门文章