`
wiselyman
  • 浏览: 2094385 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
博客专栏
Group-logo
点睛Spring4.1
浏览量:82377
74ae1471-94c5-3ae2-b227-779326b57435
点睛Spring MVC4...
浏览量:130818
社区版块
存档分类
最新评论

网页在线浏览ppt的实现

    博客分类:
  • work
 
阅读更多

在线浏览ppt(当然doc,xls都是可以得)的思路是

  • 先将ppt转为pdf
  • 再用js调用pdf在线查看
  • 主要借助的工具有openoffice,jodconveter,viewerjs

1 服务端

1.1 安装openoffice

  • 下载openoffice

  • 版本为3.4.1,高版本可能不支持

  • 默认安装
  • 启动openoffice服务
cd C:\Program Files (x86)\OpenOffice.org 3\program
soffice -headless -accept="socket,host=127.0.0.1,port=8100;urp;

1.2 编译jodconverter

  • 下载hyperic-sigar

  • 解压hyperic-sigar-1.6.4到任意E盘(随意)

  • 下载jodconverter

  • 进入jodconverter-core目录

  • 运行maven命令

mvn -Djava.library.path=E:/hyperic-sigar-1.6.4/sigar-bin/lib -DskipTests install
  • 这是target目录和.m2目录下便有了jodconverter-core-3.0-SNAPSHOT.jar,

1.3 转换代码

  • 开发的项目加入jodconverter-core依赖,pom.xml
<dependency>
    <groupId>org.artofsolving.jodconverter</groupId>
    <artifactId>jodconverter-core</artifactId>
    <version>3.0-SNAPSHOT</version>
</dependency>
  • 代码,默认在Spring的环境下

    • 转换服务
    @Service
    public class PptConverter {
    public void ppt2PDF(File inputFile, File outputFile) {
    
        // 如果目标路径不存在, 则新建该路径
        if (!outputFile.getParentFile().exists()) {
            outputFile.getParentFile().mkdirs();
        }
    
        // convert
        ExternalOfficeManagerConfiguration configuration = 
                       new ExternalOfficeManagerConfiguration();
        configuration.setConnectionProtocol(OfficeConnectionProtocol.SOCKET);
        configuration.setPortNumber(8100);
        OfficeManager officeManager= configuration
                            .buildOfficeManager();
        OfficeDocumentConverter converter = 
                     new OfficeDocumentConverter(officeManager);
        converter.convert(inputFile, outputFile);
    
    }
    }
    
    • 调用处
    @Autowired
      PptConverter pptConverter;
      @RequestMapping("xx")
      public String convertAndView() throws Exception{
          File inputFile =  new File("输入路径---请自行修改");
          File outFile = new File("输出路径---请自行修改");
          pptConverter.ppt2PDF(inputFile,outFile);
          return "viewer";
      }

2 客户端

  • 下载viewerjs
  • 解压,将ViewerJS下的所有内容放置项目webapp下(可直接在项目路径后直接访问的路径都可以)
  • 在同级目录下放置一个pdf(test2.pdf)
  • 如项目名是xx
  • 在线预览该pdf的路径为http://localhost:8080/xx/#../xx/test2.pdf
  • 效果如下 
  • 在实际项目里可通过iframe嵌入这个地址到别的页面
1
0
分享到:
评论
7 楼 18335864773 2018-03-06  
pageoffice 组件可以实现在线打开、编辑、打印预览、打印Word、Excel、PowerPoint等Office文档。
6 楼 hwxiait 2015-11-25  
zhunengfei 写道
客户端还有安装openoffice??  这样很不方便啊

https://www.showapi.com/api/lookPoint/770
5 楼 zhunengfei 2015-06-06  
哎 你是不了解客户哦,还有更新人员不是我们开发,我们有专门的更新人员,批量更新他们老不情愿,我在网上也看到这个   flex  可以实现
4 楼 wiselyman 2015-06-05  
zhunengfei 写道
了解了 刚才我去网上找 openoffic也有linux版本, 服务器要安装 感觉确实不太实用啊,太麻烦了,客户有几百家每家服务器都要安装的,哎,除了你上面的方案没有更好的办法实现呢?


那这个几百家服务器还要安装操作系统,java,程序啥的呢

openoffice应该有rpm和deb的包,一键安装,不知道麻烦再何处
3 楼 zhunengfei 2015-06-05  
了解了 刚才我去网上找 openoffic也有linux版本, 服务器要安装 感觉确实不太实用啊,太麻烦了,客户有几百家每家服务器都要安装的,哎,除了你上面的方案没有更好的办法实现呢?
2 楼 wiselyman 2015-06-05  
zhunengfei 写道
客户端还有安装openoffice??  这样很不方便啊

指的是服务器端装OpenOffice,客户端不需要
1 楼 zhunengfei 2015-06-04  
客户端还有安装openoffice??  这样很不方便啊

相关推荐

    js在线播放PPT效果的实现源代码

    在JavaScript的世界里,实现在线播放PPT效果是一个常见的需求,特别是在网页端展示演示文稿时。这个场景下,我们通常不直接使用PPT文件,而是将其转换为一系列的静态图片或者HTML页面,然后通过JavaScript来模拟PPT...

    网页传参播放ppt

    5. **替代方案**:为了实现真正的远程客户端播放,可以考虑将PPT转换为HTML5或其他在线可浏览的格式,如PDF或Slideshow.js等JavaScript库。这样,用户无需安装额外软件,即可在浏览器中直接查看和播放。 6. **...

    jquery_ZSlide的插件实现在线ppt查看

    jQuery_ZSlide是一款专门用于实现在线PPT查看的JavaScript插件,它基于HTML5技术,使得用户无需离开网页就能浏览PPT内容,极大地提升了网页的交互性和实用性。下面我们将详细探讨如何利用jQuery_ZSlide来实现在线PPT...

    php实现在线预览功能

    本篇将详细介绍如何使用PHP实现对多种文件类型的在线预览,包括PPTX、PPT、XLS、XLSX、DOC、DOCS以及PDF。 首先,我们需要理解在线预览的基本原理。在线预览通常通过在浏览器中渲染文件内容来实现,这需要借助一些...

    网页设计ppt模板下载

    3. **页面布局**:网页设计中的布局是至关重要的,它影响用户的浏览体验。PPT模板应包含多种布局示例,如网格系统、F型布局或Z型布局,以适应不同的内容展示需求。 4. **视觉元素**:包括图像、图标、按钮、头部和...

    网页制作教程(PPT格式)

    同时,还会介绍URL(统一资源定位符)和HTTP(超文本传输协议)在网页浏览中的作用。 2. **构成网页的基本要素** (CH3.PPT):本章深入探讨了网页的组成部分,包括文本、图像、链接、表格、列表、表单等元素,以及...

    HTML5网页PPT幻灯片浏览特效.zip

    HTML5网页PPT幻灯片浏览特效是一种利用现代网页技术,特别是HTML5,来实现的模拟传统PPT演示文稿的交互式浏览效果。这种特效可以让用户在网页上以类似PPT的方式查看和导航内容,而无需依赖任何桌面应用程序。在当前...

    ppt转换网页格式

    标题中的“PPT转换网页格式”指的是将PowerPoint(PPT)演示文稿转换成可以在网页上浏览的形式,这样用户无需PowerPoint软件就能查看内容。描述提到,这种转换方法简单易用,允许用户将PPT应用到网站上,扩展了PPT的...

    HTML+JS实现浏览器在线预览文件(支持pdf、excel、ppt、doc、jpg、png格式)

    本文将详细介绍如何使用HTML和JavaScript技术实现在浏览器中预览PDF、Excel、PPT、DOC、JPG以及PNG格式的文件。 首先,我们需要理解HTML和JavaScript在其中的作用。HTML是网页的基础结构语言,而JavaScript则是让...

    网页设计ppt

    这份"网页设计PPT"显然专注于前端开发,这是构建网站时的客户端部分,包括HTML、CSS和JavaScript等技术的运用。前端设计的目标是创建一个美观、易用且功能丰富的网站界面,使用户能够顺畅地浏览和互动。 1. **HTML...

    HTML5实现PPT效果代码

    通过监听键盘事件,特别是"-&gt;"键的按下,可以触发页面的切换,实现类似PPT的翻页动作。 JavaScript是实现此功能的核心,它允许我们动态地控制HTML元素和用户交互。例如,可以使用`addEventListener`函数监听键盘...

    ASP网页制作ppt

    这个"ASP网页制作ppt"的压缩包包含了多个PPT文件,这些文件可能详细介绍了如何使用ASP技术来构建Web应用程序。 1. **ASP基础概念**:ASP允许开发者在HTML页面中嵌入VBScript或JScript代码,服务器接收到请求后,会...

    网页制作课程课件ppt

    这份"网页制作课程课件ppt"提供了全面的教程,帮助初学者掌握网页制作的核心技能。以下是课件中涉及的主要知识点: 1. **第1章 网页制作基础**:这部分主要介绍网页的基本概念,包括HTML(超文本标记语言)和CSS...

    excel、word、ppt转pdf,再转swf实现在线浏览

    标题中的“excel、word、ppt转pdf,再转swf实现在线浏览”指的是一个技术流程,涉及将Microsoft Office文档(Excel、Word、PowerPoint)转换为PDF格式,然后进一步转化为SWF(Shockwave Flash)文件,以便在网页上...

    仿网页点击切换内容效果ppt动画模板.rar

    标题中的“仿网页点击切换内容效果ppt动画模板.rar”指的是一个PowerPoint(PPT)模板,该模板设计灵感来源于网页的交互方式,尤其是那些通过点击Tab实现内容切换的页面元素。这种效果通常在网页设计中用于提升用户...

    html5实现ppt文字幻灯片演示特效.zip

    在“html5实现ppt文字幻灯片演示特效”这个项目中,开发者利用HTML5的特性,模拟了传统PPT(PowerPoint)的文字幻灯片演示效果,让用户可以在网页上实现类似PPT的浏览体验。 首先,这个特效的核心是HTML5的`...

    电子商务网页设计与制作ppt.zip

    总结来说,这份“电子商务网页设计与制作ppt”教学资料将涵盖从设计理念到实际操作的全面知识,帮助学习者打造既美观又实用的电商网站,以满足不断增长的在线购物需求。通过深入学习这些内容,你可以掌握创建高效...

    第4章交互式网页相关设计.ppt

    表单设计是交互式网页的核心内容,用于实现浏览者与网站之间的信息交互。一个完整的表单包含两个部分:一个是在网页中进行描述的表单对象;另一个是应用程序,它可以是服务器端的,也可以是客户端的,用于对客户信息...

    ppt在线预览

    标题中的“ppt在线预览”指的是用户无需将PowerPoint演示文稿下载到本地计算机,而是可以直接在网页浏览器中查看和浏览PPT文件的功能。这种技术极大地便利了用户,特别是那些在不同设备之间切换或者在网络环境有限的...

Global site tag (gtag.js) - Google Analytics