web页面开发中，在线预览PPT，PDF，Word，Excel等文档的解决办法

最新推荐文章于 2024-03-26 16:57:28 发布
最新推荐文章于 2024-03-26 16:57:28 发布
阅读量1.2w 收藏 26
点赞数 5
分类专栏： JS 文章标签： 文件在线预览 ppt在线预览 word在线预览 pdf在线预览 前端预览文件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41819731/article/details/90729867
版权

简单粗暴的办法：使用微软提供的在线预览模式打开在线文件地址即可。

https://view.officeapps.live.com/op/view.aspx?src=   + 自己文件的线上地址（需要进行EncodeURI转码）

在JS中可以这样写：

window.open('https://view.officeapps.live.com/op/view.aspx?src='+encodeURI(this.pdfUrl))
//encodeURI  为转码方法
//this.pdfUrl 为在线文件地址（例如：http://docs.ielt.com/yida/file/cb4e7ffb0f92876a.pptx），可自行替换

添加到点击事件中，点击后新页面打开效果如下：

A-Tione
关注
  • 5
    点赞
  • 踩
  • 26
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
ASP.NET MVC 利用(aspose+pdfobject.js) 在线预览常用办公文档(word、excel、ppt、pdf)
12-25
Asp.net MVC 利用(aspose+pdfobject.js) 实现在线预览word、excel、ppt、pdf文件,支持在线预览常用办公文档(word、excel、ppt、pdf)
将PPT转换成HTML文件
01-07
本资源是将PPT转换成HTML文件的过程，在本文档的word文件中描述了各种工具以及库的安装
word,excel,ppt,pdf在线预览及编辑开源插件
最新发布
u011757939的博客
03-26 816
支持Office文档，如doc, docx, xls, xlsx, xlsm, ppt, pptx, csv, tsv，， dot, xlt, xltm, dot, xlam, dotx, xla，，pages等。它旨在让开发者专注在 Markdown 中编写内容，同时拥有支持 HTML 和 Vue 组件的能力，并且能够呈现像素级完美的布局，还在你的演讲稿中内置了互动的演示样例。是一个流行的富文本编辑器，可以用于编辑和预览HTML内容，包括Word、PPT和Excel文档的嵌入。
Web前端开发技术-综合案例（无缝轮播图）.pptx
07-07
综合案例（无缝轮播图）; 综合案例; 综合案例;案例展示：;案例分析： 编写一个简单的留言板页面 单击“发布”按钮，显示用户发布的留言 在每个留言的右边提供一个“删除”链接，用来删除留言;案例实现：;案例实现：;案例实现：;案例展示：;案例分析： 当用户将页面滚动到“家用电器”模块时，导航栏中的“家用电器”就会被设为激活的效果； 如果用户滚动到“手机通讯”模块，则导航栏中的“手机通讯”就会被设为激活的效果 如果用户在导航栏中单击其中的某一项，则可以自动滚动到对???的模块下。例如，单击“家用电器”，则页面会自动滚动到“家用电器”模块下;案例实现：;案例实现：;案例实现：只有用户滚动到指定区域时，才会显示电梯导航。;案例实现：当用户单击电梯导航上的选项时，需要让页面滚动到对应的内容区域。;;;;;
2024最新Web安全攻防教程资料PPT大合集（143份）.zip
03-06
Web安全攻防教程资料PPT大合集，包含CSRF漏洞分析、浏览器分析、SQL分析及XSS分析等，共143份。 Sqlmap Tamper脚本编写介绍.pptx Tamper脚本分析.pptx Sqlmap Tamper脚本分析（MSSQL）.pptx 浏览器同源策略介绍.pptx shodan搜索技巧.pptx Sqlmap通用参数.pptx DTD快速入门.pptx XSS发生的位置.pptx XSS跨站脚本分类.pptx CSRF漏洞防御.pptx 收集敏感信息.pptx Mysql注入有关知识点.pptx 标签属性中的XSS.pptx Git信息泄露.pptx ……等等143份PPT源文件资料，更多介绍情况资源的预览介绍。
openoffice springboot集成 在线预览ppt,word,excel
04-06
springboot openoffice OpenOffice_4.1.10_Linux_x86-64_install-rpm_zh-CN.tar 在线预览ppt,word,excel
前端开发---ppt展示页面评论区展示
weixin_30763455的博客
07-18 391
1.工程地址：https://github.com/digitalClass/web_page 网站发布地址：http://115.28.30.25:8029/ 2. 由于后端同学希望按照 stackoverflow 的样式来展示http://stackoverflow.com/questions/38436650/adding-a-row-to-an-excel-tabl...
调用view.officeapps.live.com预览文档（word、ppt、xls），解决无法读取oss私有文件问题
dreamy_wx的博客
11-09 9988
encodeURIComponent(url) let result= "http://xxx.oss-cn-shanghai.aliyuncs.com/report/work.docx?OSSAccessKeyId=LTAI4GGvJTbm7fTKs&Expires=1636425239&Signature=c6xf8qQ5rV78Y%3D" let resultNew= encodeURIComponent(result) let url= 'http://view.officeap.
超酷弦 web版PPT 基于impress.js 颠覆性在线演示应用
shufanhao.top Blog
12-23 3309
题记：最近看到impress.js，眼前一亮，发现超酷炫颠覆性在线演示系统，于是学者用了一下，主要是用的他的框架，然后样式上改了一下。 官方github连接 https://github.com/impress/impress.js 2 自己改了下，然后自己编写的页面效果。代码已经放到我的github上。 https://github.com/shu-frank-csdn/impress-
前端实现 PPT 预览
qq_40284131的博客
08-10 2709
本文将介绍前端实现 PPT 预览的背景和目的，以及常用的实现方式和其优劣势。同时，将重点介绍如何使用永中云预览实现前端 PPT 预览以及其优势。通过本文的阅读，您将了解到如何在前端实现 PPT 预览，以及该技术的应用场景。
web前端之幻灯片（二）--自动播放
FemaleHacker的博客
06-27 1177
幻灯片 实现幻灯片自动放映，左下角圆圈直接跳转到某张幻灯片。 如果想左右切换，请见web前端之幻灯片（一） 效果图 代码实现动图展示 html代码 <body> <div class="show"> <div class="myShow"> <div class="number">1 / 4</div> <img src="../image/huan1.jpg" alt=""> <div class="
Java实现web在线预览office文档与pdf文档实例
08-23
Java实现web在线预览office文档与pdf文档实例，代码实现，为此提供代码共享。
纯前端文档预览，Vue实现，无需后端，支持Word、Excel、PPT、pdf、文本、图片，附接入demo和文档
02-09
纯原创资源，盗用必究，仅用于学习和交流，持续更新，可私信了解。 1. 整合目前市面上所有的纯前端Web组件，并二次开发改进稳定性 2. 目前最灵活的接入方案，基于Html5 postMessage传送blob数据，高度解耦 3. 支持所有文本、代码格式，所有主流图片格式，.mp4，.docx，.xlsx，.pptx, .pdf等主流文档格式的纯前端预览 4. 附带接入demo，使用纯js实现，可以用于任何场景
asp.net实现在线查看(预览)pdf，ppt，word,excel文件.rar
12-11
【核心代码】 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 using Aspose.Cells; using Aspose.Slides.Pptx; using System; using System.Collections.Generic; using System.Data; using System.IO; using System.Linq; using System.Net; using System.Net.Http; using System.Text; using System.Web.Http; namespace DocOnlineView.UI.Controllers.MVCAPI { public class HomeController : ApiController { [HttpGet] public DataTable CourseViewOnLine(string fileName) { DataTable dtlist = new DataTable(); dtlist.Columns.Add("TempDocHtml", typeof(string)); string fileDire = "/Files"; string sourceDoc = Path.Combine(fileDire, fileName); string saveDoc = ""; string docExtendName = System.IO.Path.GetExtension(sourceDoc).ToLower(); bool result = false; if (docExtendName == ".pdf") { //pdf模板文件 string tempFile = Path.Combine(fileDire, "temppdf.html"); saveDoc = Path.Combine(fileDire, "viewFiles/onlinepdf.html"); result = PdfToHtml( sourceDoc, System.Web.HttpContext.Current.Server.MapPath(tempFile), System.Web.HttpContext.Current.Server.MapPath(saveDoc)); } else { saveDoc = Path.Combine(fileDire, "viewFiles/onlineview.html"); result = OfficeDocumentToHtml( System.Web.HttpContext.Current.Server.MapPath(sourceDoc), System.Web.HttpContext.Current.Server.MapPath(saveDoc)); }
MPreview:Word，PPT 文档预览js组件（图片预览js组件）
05-21
MPreview.js Word，PPT 文档预览组件（图片预览组件） 移动端请移步 Demo参考 特此说明 此插件是我在项目开发中而制作，其只适用于其项目，如须使用须注意，提供的图片须有较大的宽高。 插件说明 此插件需要由服务端提供转换好的Word图片或PPT图片来进行预览。 插件需要 jQuery1.9+ 库。支持IE7+，FireFox，Chrome。 初始化调用插件的外容器，只需设置宽高样式即可，无需其它设置。 因插件是刚开始阶段，一些功能并未能完善全，如：放大，缩小功能。 插件中一些滚动的计算是硬算出来的(勿喷)。 插件特性 服务端将全数据返回(图像地址的数组集合)，由插件进行分割加载。 支持滚动条拖拽滚动及全屏预览。 支持上一页，下一页功能。 目录结构说明 MPreview/ ├── css/ │ ├── base.css (重置样式) │
flutter_filereader:Flutter实现的本地文件(pdf word excel 等)查看插件,非在线预览
05-17
Flutter FileReader本地文件视图小部件，支持多种文件类型，例如Doc Eexcl PPT TXT等，Android由腾讯X5实现（不支持GooglePlay），iOS由WKWebView实现依靠它将此添加到包的pubspec.yaml文件中： 1.9.1 dependencies:...
亲测，以html形式显示或预览word，excel，pdf，txt
05-24
本源码主要是ASP.net后台通过相应的类把word\excel\pdf\txt文件转化为html,将地址传回前端,前端获取地址，用iframe进行展现预览。
JSON是什么？如何正确理解？
热门推荐
阿嚏乱码的地方
08-04 6万+
1.背景介绍 什么是JSON JSON (JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript (w3c制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。——...
什么是 JSONP？
阿嚏乱码的地方
06-18 1万+
前言 首先我们得先了解JSONP是怎么产生的。 最开始跨域请求数据没有现在方便，Ajax直接请求普通文件存在跨域无权限访问的问题，然后聪明的程序员想出了一套非官方的解决办法，程序员发现凡是带有“src”这个属性的标签都拥有跨域的能力，比如<·img>、<·iframe>、<·script>。 事实上早期的程序员也是这么干的，最后程序员们发现最好的解决办法就是——...
在线预览Word、PDF、PPT、EXCEL
05-24
可以使用以下几个在线预览工具： 1. Google 文档、表格和演示文稿：需要有 Google 账号，可以直接上传和查看 Word、Excel 或 PPT 文档。 2. 微软 Office Online：需要有微软账号，可以直接上传和查看 Word、Excel 或 PPT 文档。 3. Zoho Docs：可以直接上传和查看 Word、Excel 或 PPT 文档，也支持 PDF 预览。 4. Adobe Acrobat Online：可以上传和查看 PDF 文档。 这些工具都是免费的，但需要注意的是，上传的文件大小和数量可能有限制。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值