前端预览PPT方法

最新推荐文章于 2024-05-17 02:20:40 发布
最新推荐文章于 2024-05-17 02:20:40 发布
阅读量1.1k 收藏 3
点赞数
分类专栏： 小技巧
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44134588/article/details/115188703
版权

使用iframe标签实现:

   <iframe src={`https://view.officeapps.live.com/op/view.aspx?
   src=http%3a%2f%2fvideo.ch9.ms%2fbuild%2f2011%2fslides%2fTOOL-532T_Sutter.pptx`}>
   </iframe>

将src=后面的内容改为对应的ppt路径即可
-------来自微软提供

莫尔道嘎老范
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
前端实现 PPT 预览
qq_40284131的博客
08-10 3317
本文将介绍前端实现 PPT 预览的背景和目的，以及常用的实现方式和其优劣势。同时，将重点介绍如何使用永中云预览实现前端 PPT 预览以及其优势。通过本文的阅读，您将了解到如何在前端实现 PPT 预览，以及该技术的应用场景。
前端PPT预览插件资源
08-30
前端PPT预览插件资源
vue前端解析word,pdf,exl,图片，视频等文件预览，支持base64格式文件 预览
04-06
vue前端解析word,pdf,exl,图片，视频等文件预览，支持base64格式文件转Blob流 预览。实现前端选择文件 直接在页面展示，或者请求后端获取base64 string 字符串 转码 在前端页面展示
前端实现word、excel、pdf、ppt、mp4、图片、文本等文件的预览
最新发布
2401_84097427的博客
05-17 411
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
web前端之幻灯片（二）--自动播放
FemaleHacker的博客
06-27 1208
幻灯片 实现幻灯片自动放映，左下角圆圈直接跳转到某张幻灯片。 如果想左右切换，请见web前端之幻灯片（一） 效果图 代码实现动图展示 html代码 <body> <div class="show"> <div class="myShow"> <div class="number">1 / 4</div> <img src="../image/huan1.jpg" alt=""> <div class="
【前端实现在线预览ppt、word、xls、pdf、视频】
limuzhixing的博客
01-11 3527
前端实现在线预览ppt、word、xls、pdf、视频一、 预览ppt、word、xls二、 pdf三、 视频预览 一、 预览ppt、word、xls 转载地址：https://blog.csdn.net/qq_41638795/article/details/96137597?utm_medium=distribute.pc_relevant.none-task-blog-2defaultbaidujs_baidulandingword~default-4.no_search_link&spm=1
前端PPT预览(新开窗口在线预览或者vue本地插件预览)
qq_36685296的博客
08-30 2933
1.下载pptx.js插件。
基于HTML5的在线幻灯片编辑演示系统
毕业作品网站
09-13 899
1.1 项目研究背景 1。1.2 项目研究意义 3。1.1 项目研究背景。
前端实现文件预览（word、excel、pdf、ppt、mp4、图片、文本）
04-21
前端实现文件预览（word、excel、pdf、ppt、mp4、图片、文本） 前言 ===== 在前端开发中，预览文件是一项非常重要的功能，很多业务场景下都需要实现文件预览。今天，我们将介绍如何实现文件预览，包括word、excel...
纯前端文档预览，Vue实现，无需后端，支持Word、Excel、PPT、pdf、文本、图片，附接入demo和文档
02-09
纯原创资源，盗用必究，仅用于学习和交流，持续更新，...3. 支持所有文本、代码格式，所有主流图片格式，.mp4，.docx，.xlsx，.pptx, .pdf等主流文档格式的纯前端预览 4. 附带接入demo，使用纯js实现，可以用于任何场景
如何前端实现在线预览pdf、word、xls、ppt等文件
04-27
前端实现在线预览pdf、word、xls、ppt等文件 在前端开发中，预览文件是一个非常重要的...前端实现在线预览pdf、word、xls、ppt等文件可以使用多种方法，每种方法都有其优缺点，开发者可以根据实际情况选择合适的方法。
前端实现在线预览pdf、docx、xls、ppt等文件
u010227042的博客
08-26 7848
思路：前台将各种格式的附件上传到服务器----后台通过方法将这些格式的文件转化成图片，前台通过放映ppt的方式将其展示在页面上。 关键点：reveal.js 参考文章：https://www.awesomes.cn/repo/hakimel/reveal.js 百度文库预览ppt:https://wenku.baidu.com/browse/getbcsurl?doc_id=9c6b472924c52cc58bd63186bceb19e8b8f6ec06&pn=1&rn=99999
前端回显的方法
weixin_66307949的博客
06-28 1720
前端回显数据，作用于：修改工能，type="hidden"：隐藏name="wid"：隐藏哪个字段（信息） th:value="${worker.wid}"：实体类。字段
前端幻灯片特效——浮现式幻灯片
cqq1171422470的博客
01-16 520
浮现式幻灯片：html+js+JQuery 1、作者仅仅在IE上测试过，其它内核浏览器可能略有偏差。 2、如果需要使用此插件，仅仅需要改变图片即可（图片没上传，自行更改）。 3、欢迎用于学习，改进此功能。 ppt .window{ width:300px; height:216px; position: relative; margin: auto
在线预览office文件
热门推荐
分享不一样的技术，与你一起共同成长!
09-20 14万+
     通过微软公开的api接口，将文档的URL传入即可实现在线预览office文件，而不需要去下载文件。 同时，若是想做提供预览office办公软件的服务，直接调用接口即可，无需利用openoffice或者某些软件去转成pdf文件或者html文件。 不过带来的一个问题是，若是使用微软的预览接口，你的文档url地址将会被暴露，缺失所谓文档的安全性。若是想限制用户下载文件，这一点估计是做不到的，因...
impress.js-前端PPT制作
u013783095的博客
12-03 2383
使用html+CSS+js制作PPT，应该是每个前端爱好者都觉得不同于其他开发者的一大亮点。 目前主流的框架有HTML5 Slides、Reveal.js 、Impress.js 、Deck.js 、HTML Slide Presentation 、CSSS 、Fathom.js 等，个人偏爱Impress.js。 Impress.js源码的GitHub地址 https://github.co...
word,excel,ppt在线预览功能
ardo_pass的博客
01-10 2万+
我们在开发web项目时，尤其类似oa功能时总会遇到上传附件并在线预览的功能，发现一款api比较好使，下面简单介绍一下。 首先我利用自己的阿里云简单做了一个在线预览的demo，地址：http://120.76.130.68/ardo/index.html 微软官网本身提供了在线预览的API 首先将要预览的文档转成.docx,.xlsx,.pptx格式的文件。 然后需要把预览的
前端word和pdf预览代码
05-23
你可以使用第三方库来实现 Word 和 PDF 文件的预览，比如： 1. Google Docs Viewer Google Docs Viewer 可以预览 Word、PDF、PPT、TXT 等多种文档格式，你可以将文档的 URL 传递给 Google Docs Viewer，然后显示在一个 iframe 中。 ``` <iframe src="https://docs.google.com/gview?url=http://example.com/document.doc&embedded=true"></iframe> ``` 2. PDF.js PDF.js 是一个由 Mozilla 开发的开源 JavaScript 库，用于在浏览器中渲染 PDF 文件。你可以使用下面的代码来预览 PDF 文件。 ``` <!DOCTYPE html> <html> <head> <title>PDF.js Example</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"></script> </head> <body> <canvas id="pdfCanvas"></canvas> <script> var pdfCanvas = document.getElementById("pdfCanvas"); var pdfURL = "http://example.com/document.pdf"; pdfjsLib.getDocument(pdfURL).promise.then(function(pdf) { return pdf.getPage(1); }).then(function(page) { var viewport = page.getViewport({scale: 1}); pdfCanvas.width = viewport.width; pdfCanvas.height = viewport.height; page.render({ canvasContext: pdfCanvas.getContext("2d"), viewport: viewport }); }); </script> </body> </html> ``` 3. Office Online 如果你有 Microsoft Office 365 订阅，你可以使用 Office Online 来预览 Word 和 Excel 文件。你需要将文档的 URL 传递给 Office Online，然后显示在一个 iframe 中。 ``` <iframe src="https://view.officeapps.live.com/op/embed.aspx?src=http://example.com/document.docx"></iframe> ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值