Flight_code
Flight_code

java实现附件预览（openoffice+swftools+flexpaper）


上本人参考的文章，基于的 flexpaper版本 为 1.5，本人由于使用的是 2.1.9 ，故之后说明：

已经支持加载中文文件名

代码下载

1.概述

主要原理

1.通过第三方工具openoffice，将word、excel、ppt、txt等文件转换为pdf文件

2.通过swfTools将pdf文件转换成swf格式的文件

3.通过FlexPaper文档组件在页面上进行展示

2.安装包下载

1.openoffice是Apache下的一个开放免费的文字处理软件

   下载地址：Apache oppenoffice 官网下载 版本-3.4.1

2.SWFTools是一组用来处理Flash的swf文件的工具包，我们使用它将pdf文件转成swf文件!

   下载地址：SWFTools官网下载 swftools-2013-04-09-1007.exe

3.FlexPaper是一个开源轻量级的在浏览器上显示各种文档的组件

   下载地址：FlexPaper官网下载 版本1.5.1

4.JODConverter一个Java的OpenDocument 文件转换器，在此我们只用到它的jar包

   下载地址：JODCConverter下载

3.安装文件

1.将所下载的文件（JODConverter除外）进行安装，盘符可随自己设定！需要注意的是在openoffice安装完成后，当我们使用它时，需将它的服务打开。在次我们需要以命令的方式打开:

打开dos窗口，进入openoffice安装盘符，输入以下代码来启动服务：

soffice -headless -accept="socket,host=127.0.0.1,port=8100;urp;" -nofirststartwizard

注意最后一个命令前边的‘—’,可不要写错！服务起不来，项目可是继续不下去的哦.

官网启动服务截图如下：

java实现附件预览（openoffice+swftools+flexpaper）_第1张图片

本地截图：

java实现附件预览（openoffice+swftools+flexpaper）_第2张图片


3.开发过程

1.新建项目，将flexpaper文件中的js文件夹(包含了flexpaper_flash_debug.js，flexpaper_flash.js,jQuery.js,这三个js文件主要是预览swf文件的插件)拷贝至网站根目录;将FlexPaperViewer.swf拷贝至网站根目录下(该文件主要是用在网页中播放swf文件的播放器)，目录结构如下图：

java实现附件预览（openoffice+swftools+flexpaper）_第3张图片

注：需创建upload文件夹

2.创建fileUpload.jsp

  1. <%@ page language="java" contentType="text/html; charset=UTF-8"  
  2.     pageEncoding="UTF-8"%>  
  3. >  
  4. <html>  
  5. <head>  
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  7. <title>文档在线预览系统title>  
  8. <style>  
  9.     body {margin-top:100px;background:#fff;font-family: Verdana, Tahoma;}  
  10.     a {color:#CE4614;}  
  11.     #msg-box {color: #CE4614; font-size:0.9em;text-align:center;}  
  12.     #msg-box .logo {border-bottom:5px solid #ECE5D9;margin-bottom:20px;padding-bottom:10px;}  
  13.     #msg-box .title {font-size:1.4em;font-weight:bold;margin:0 0 30px 0;}  
  14.     #msg-box .nav {margin-top:20px;}  
  15. style>  
  16.   
  17. head>  
  18. <body>  
  19. <div id="msg-box">  
  20.     <form name="form1"  method="post" enctype="multipart/form-data" action="docUploadConvertAction.jsp">  
  21.         <div class="title">  
  22.             请上传要处理的文件，过程可能需要几分钟，请稍候片刻。  
  23.         div>  
  24.         <p>  
  25.             <input name="file1" type="file">  
  26.         p>  
  27.         <p>  
  28.             <input type="submit" name="Submit" value="上传">  
  29.         p>  
  30.     form >  
  31. div>  
  32. body>  
  33. html>  

3.创建转换页docUploadConvertAction.jsp

  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>  
  2.   
  3. <%@page import="java.io.*"%>  
  4. <%@page import="java.util.Enumeration"%>  
  5. <%@page import="com.oreilly.servlet.MultipartRequest"%>  
  6. <%@page import="com.oreilly.servlet.multipart.DefaultFileRenamePolicy"%>  
  7. <%@page import="com.cectsims.util.DocConverter"%>  
  8. <%  
  9. //文件上传采用cos组件上传，可更换为commons-fileupload上传，文件上传后，保存在upload文件夹  
  10. //获取文件上传路径  
  11. String saveDirectory =application.getRealPath("/")+"upload";  
  12. //打印上传路径信息  
  13. System.out.println(saveDirectory);  
  14. //每个文件最大50m  
  15. int maxPostSize = 50 * 1024 * 1024 ;  
  16. //采用cos缺省的命名策略，重名后加1,2,3...如果不加dfp重名将覆盖  
  17. DefaultFileRenamePolicy dfp = new DefaultFileRenamePolicy();  
  18. //response的编码为"UTF-8",同时采用缺省的文件名冲突解决策略,实现上传,如果不加dfp重名将覆盖  
  19. MultipartRequest multi = new MultipartRequest(request, saveDirectory, maxPostSize,"UTF-8",dfp);  
  20. //MultipartRequest multi = new MultipartRequest(request, saveDirectory, maxPostSize,"UTF-8");  
  21. //输出反馈信息  
  22.  Enumeration files = multi.getFileNames();  
  23.      while (files.hasMoreElements()) {  
  24.         System.err.println("ccc");  
  25.        String name = (String)files.nextElement();  
  26.        File f = multi.getFile(name);  
  27.        if(f!=null){  
  28.          String fileName = multi.getFilesystemName(name);  
  29.          //获取上传文件的扩展名  
  30.          String extName=fileName.substring(fileName.lastIndexOf(".")+1);  
  31.          //文件全路径  
  32.          String lastFileName= saveDirectory+"\\" + fileName;  
  33.          //获取需要转换的文件名,将路径名中的'\'替换为'/'  
  34.          String converfilename = saveDirectory.replaceAll("\\\\", "/")+"/"+fileName;  
  35.          System.out.println(converfilename);  
  36.          //调用转换类DocConverter,并将需要转换的文件传递给该类的构造方法  
  37.          DocConverter d = new DocConverter(converfilename);  
  38.          //调用conver方法开始转换，先执行doc2pdf()将office文件转换为pdf;再执行pdf2swf()将pdf转换为swf;  
  39.          d.conver();  
  40.          //调用getswfPath()方法，打印转换后的swf文件路径  
  41.          System.out.println(d.getswfPath());  
  42.          //生成swf相对路径，以便传递给flexpaper播放器  
  43.          String swfpath = "upload"+d.getswfPath().substring(d.getswfPath().lastIndexOf("/"));  
  44.          System.out.println(swfpath);  
  45.          //将相对路径放入sessio中保存  
  46.          session.setAttribute("swfpath", swfpath);  
  47.          out.println("上传的文件:"+lastFileName);  
  48.          out.println("文件类型"+extName);  
  49.          out.println("<hr>");  
  50.        }  
  51.      }  
  52.   
  53. %>  
  54. >  
  55. <html>  
  56. <head>  
  57. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  58. <title>Insert title heretitle>  
  59. <style>  
  60.     body {margin-top:100px;background:#fff;font-family: Verdana, Tahoma;}  
  61.     a {color:#CE4614;}  
  62.     #msg-box {color: #CE4614; font-size:0.9em;text-align:center;}  
  63.     #msg-box .logo {border-bottom:5px solid #ECE5D9;margin-bottom:20px;padding-bottom:10px;}  
  64.     #msg-box .title {font-size:1.4em;font-weight:bold;margin:0 0 30px 0;}  
  65.     #msg-box .nav {margin-top:20px;}  
  66. style>  
  67. head>  
  68. <body>  
  69.     <div>  
  70.         <form name="viewForm" id="form_swf" action="documentView.jsp" method="POST">  
  71.             <input type='submit' value='预览' class='BUTTON SUBMIT'/>  
  72.         form>  
  73.     div>  
  74. body>  
  75. html>  

4.创建查看页documentView.jsp

  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>  
  2. <%  
  3.     String swfFilePath=session.getAttribute("swfpath").toString();  
  4. %>  
  5. >  
  6. <html>  
  7. <head>  
  8. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  9. <script type="text/javascript" src="js/jquery.js">script>  
  10. <script type="text/javascript" src="js/flexpaper_flash.js">script>  
  11. <script type="text/javascript" src="js/flexpaper_flash_debug.js">script>  
  12. <style type="text/css" media="screen">   
  13.             html, body  { height:100%; }  
  14.             body { margin:0; padding:0; overflow:auto; }     
  15.             #flashContent { display:none; }  
  16.         style>   
  17.   
  18. <title>文档在线预览系统title>  
  19. head>  
  20. <body>   
  21.         <div style="position:absolute;left:50px;top:10px;">  
  22.             <a id="viewerPlaceHolder" style="width:820px;height:650px;display:block">a>  
  23.               
  24.             <script type="text/javascript">   
  25.                 var fp = new FlexPaperViewer(     
  26.                          'FlexPaperViewer',  
  27.                          'viewerPlaceHolder', { config : {  
  28.                          SwfFile : escape('<%=swfFilePath%>'),  
  29.                          Scale : 0.6,   
  30.                          ZoomTransition : 'easeOut',  
  31.                          ZoomTime : 0.5,  
  32.                          ZoomInterval : 0.2,  
  33.                          FitPageOnLoad : true,  
  34.                          FitWidthOnLoad : false,  
  35.                          FullScreenAsMaxWindow : false,  
  36.                          ProgressiveLoading : false,  
  37.                          MinZoomSize : 0.2,  
  38.                          MaxZoomSize : 5,  
  39.                          SearchMatchAll : false,  
  40.                          InitViewMode : 'SinglePage',  
  41.                            
  42.                          ViewModeToolsVisible : true,  
  43.                          ZoomToolsVisible : true,  
  44.                          NavToolsVisible : true,  
  45.                          CursorToolsVisible : true,  
  46.                          SearchToolsVisible : true,  
  47.                           
  48.                          localeChain: 'en_US'  
  49.                          }});  
  50.             script>              
  51.         div>  
  52. body>  
  53. html>  


5.创建转换类DocConverter.java

  1. package com.cectsims.util;  
  2. import java.io.BufferedInputStream;  
  3. import java.io.File;  
  4. import java.io.IOException;  
  5. import java.io.InputStream;  
  6.   
  7. import com.artofsolving.jodconverter.DocumentConverter;  
  8. import com.artofsolving.jodconverter.openoffice.connection.OpenOfficeConnection;  
  9. import com.artofsolving.jodconverter.openoffice.connection.SocketOpenOfficeConnection;  
  10. import com.artofsolving.jodconverter.openoffice.converter.OpenOfficeDocumentConverter;  
  11.   
  12. /** 
  13.  * doc docx格式转换 
  14.  */  
  15. public class DocConverter {  
  16.     private static final int environment = 1;// 环境 1：windows 2:linux  
  17.     private String fileString;// (只涉及pdf2swf路径问题)  
  18.     private String outputPath = "";// 输入路径 ，如果不设置就输出在默认的位置  
  19.     private String fileName;  
  20.     private File pdfFile;  
  21.     private File swfFile;  
  22.     private File docFile;  
  23.       
  24.     public DocConverter(String fileString) {  
  25.         ini(fileString);  
  26.     }  
  27.   
  28.     /** 
  29.      * 重新设置file 
  30.      *  
  31.      * @param fileString 
  32.      */  
  33.     public void setFile(String fileString) {  
  34.         ini(fileString);  
  35.     }  
  36.   
  37.     /** 
  38.      * 初始化 
  39.      *  
  40.      * @param fileString 
  41.      */  
  42.     private void ini(String fileString) {  
  43.         this.fileString = fileString;  
  44.         fileName = fileString.substring(0, fileString.lastIndexOf("."));  
  45.         docFile = new File(fileString);  
  46.         pdfFile = new File(fileName + ".pdf");  
  47.         swfFile = new File(fileName + ".swf");  
  48.     }  
  49.       
  50.     /** 
  51.      * 转为PDF 
  52.      *  
  53.      * @param file 
  54.      */  
  55.     private void doc2pdf() throws Exception {  
  56.         if (docFile.exists()) {  
  57.             if (!pdfFile.exists()) {  
  58.                 OpenOfficeConnection connection = new SocketOpenOfficeConnection(8100);  
  59.                 try {  
  60.                     connection.connect();  
  61.                     DocumentConverter converter = new OpenOfficeDocumentConverter(connection);  
  62.                     converter.convert(docFile, pdfFile);  
  63.                     // close the connection  
  64.                     connection.disconnect();  
  65.                     System.out.println("****pdf转换成功，PDF输出：" + pdfFile.getPath()+ "****");  
  66.                 } catch (java.net.ConnectException e) {  
  67.                     e.printStackTrace();  
  68.                     System.out.println("****swf转换器异常，openoffice服务未启动！****");  
  69.                     throw e;  
  70.                 } catch (com.artofsolving.jodconverter.openoffice.connection.OpenOfficeException e) {  
  71.                     e.printStackTrace();  
  72.                     System.out.println("****swf转换器异常，读取转换文件失败****");  
  73.                     throw e;  
  74.                 } catch (Exception e) {  
  75.                     e.printStackTrace();  
  76.                     throw e;  
  77.                 }  
  78.             } else {  
  79.                 System.out.println("****已经转换为pdf，不需要再进行转化****");  
  80.             }  
  81.         } else {  
  82.             System.out.println("****swf转换器异常，需要转换的文档不存在，无法转换****");  
  83.         }  
  84.     }  
  85.       
  86.     /** 
  87.      * 转换成 swf 
  88.      */  
  89.     @SuppressWarnings("unused")  
  90.     private void pdf2swf() throws Exception {  
  91.         Runtime r = Runtime.getRuntime();  
  92.         if (!swfFile.exists()) {  
  93.             if (pdfFile.exists()) {  
  94.                 if (environment == 1) {// windows环境处理  
  95.                     try {  
  96.                         Process p = r.exec("D:/Program Files/SWFTools/pdf2swf.exe "+ pdfFile.getPath() + " -o "+ swfFile.getPath() + " -T 9");  
  97.                         System.out.print(loadStream(p.getInputStream()));  
  98.                         System.err.print(loadStream(p.getErrorStream()));  
  99.                         System.out.print(loadStream(p.getInputStream()));  
  100.                         System.err.println("****swf转换成功，文件输出："  
  101.                                 + swfFile.getPath() + "****");  
  102.                         if (pdfFile.exists()) {  
  103.                             pdfFile.delete();  
  104.                         }  
  105.   
  106.                     } catch (IOException e) {  
  107.                         e.printStackTrace();  
  108.                         throw e;  
  109.                     }  
  110.                 } else if (environment == 2) {// linux环境处理  
  111.                     try {  
  112.                         Process p = r.exec("pdf2swf " + pdfFile.getPath()  
  113.                                 + " -o " + swfFile.getPath() + " -T 9");  
  114.                         System.out.print(loadStream(p.getInputStream()));  
  115.                         System.err.print(loadStream(p.getErrorStream()));  
  116.                         System.err.println("****swf转换成功，文件输出："  
  117.                                 + swfFile.getPath() + "****");  
  118.                         if (pdfFile.exists()) {  
  119.                             pdfFile.delete();  
  120.                         }  
  121.                     } catch (Exception e) {  
  122.                         e.printStackTrace();  
  123.                         throw e;  
  124.                     }  
  125.                 }  
  126.             } else {  
  127.                 System.out.println("****pdf不存在,无法转换****");  
  128.             }  
  129.         } else {  
  130.             System.out.println("****swf已经存在不需要转换****");  
  131.         }  
  132.     }  
  133.   
  134.     static String loadStream(InputStream in) throws IOException {  
  135.   
  136.         int ptr = 0;  
  137.         in = new BufferedInputStream(in);  
  138.         StringBuffer buffer = new StringBuffer();  
  139.   
  140.         while ((ptr = in.read()) != -1) {  
  141.             buffer.append((char) ptr);  
  142.         }  
  143.   
  144.         return buffer.toString();  
  145.     }  
  146.     /** 
  147.      * 转换主方法 
  148.      */  
  149.     @SuppressWarnings("unused")  
  150.     public boolean conver() {  
  151.   
  152.         if (swfFile.exists()) {  
  153.             System.out.println("****swf转换器开始工作，该文件已经转换为swf****");  
  154.             return true;  
  155.         }  
  156.   
  157.         if (environment == 1) {  
  158.             System.out.println("****swf转换器开始工作，当前设置运行环境windows****");  
  159.         } else {  
  160.             System.out.println("****swf转换器开始工作，当前设置运行环境linux****");  
  161.         }  
  162.         try {  
  163.             doc2pdf();  
  164.             pdf2swf();  
  165.         } catch (Exception e) {  
  166.             e.printStackTrace();  
  167.             return false;  
  168.         }  
  169.   
  170.         if (swfFile.exists()) {  
  171.             return true;  
  172.         } else {  
  173.             return false;  
  174.         }  
  175.     }  
  176.   
  177.     /** 
  178.      * 返回文件路径 
  179.      *  
  180.      * @param s 
  181.      */  
  182.     public String getswfPath() {  
  183.         if (swfFile.exists()) {  
  184.             String tempString = swfFile.getPath();  
  185.             tempString = tempString.replaceAll("\\\\", "/");  
  186.             return tempString;  
  187.         } else {  
  188.             return "";  
  189.         }  
  190.   
  191.     }  
  192.     /** 
  193.      * 设置输出路径 
  194.      */  
  195.     public void setOutputPath(String outputPath) {  
  196.         this.outputPath = outputPath;  
  197.         if (!outputPath.equals("")) {  
  198.             String realName = fileName.substring(fileName.lastIndexOf("/"),  
  199.                     fileName.lastIndexOf("."));  
  200.             if (outputPath.charAt(outputPath.length()) == '/') {  
  201.                 swfFile = new File(outputPath + realName + ".swf");  
  202.             } else {  
  203.                 swfFile = new File(outputPath + realName + ".swf");  
  204.             }  
  205.         }  
  206.     }  
  207.   
  208. }  

6.部署发布

启动tomcat，部署当前web应用

地址栏输入http://localhost:8080/ctcesims/documentUpload.jsp 如下图：

java实现附件预览（openoffice+swftools+flexpaper）_第4张图片

单击选择文件，选择您要上传的文档，然后单击上传，处理完成后，打印如下信息，如下图所示：

java实现附件预览（openoffice+swftools+flexpaper）_第5张图片

单击预览按钮，就会生成预览界面，如下图：

java实现附件预览（openoffice+swftools+flexpaper）_第6张图片

4.常见问题

若出现swf无法预览，请访问

http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04a.html#119065

将生成swf的文件夹设置为信任文件位置。


以下给出 flexpaper 2.1.9 的不同之处：初始化方式改变，若文件目录与项目目录不在一起，可将附件目录在服务器中设置为虚拟目录

[html] view plain copy
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"  
  2.     pageEncoding="UTF-8"%>  
  3. <%  
  4.     //String swfFilePath=session.getAttribute("swfpath").toString();  
  5. %>  
  6. >  
  7. <html>  
  8. <head>  
  9. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  10. <script type="text/javascript" src="js/jquery.min.js">script>  
  11. <script type="text/javascript" src="js/flexpaper.js">script>  
  12. <script type="text/javascript" src="js/flexpaper_handlers.js">script>  
  13. <style type="text/css" media="screen">   
  14.             html, body  { height:100%; }  
  15.             body { margin:0; padding:0; overflow:auto; }     
  16.             #flashContent { display:none; }  
  17.         style>   
  18.   
  19. <title>文档在线预览系统title>  
  20. head>  
  21. <body>   
  22.         <div style="position:absolute;left:50px;top:10px;">  
  23.            <div id="documentViewer" class="flexpaper_viewer" style="width:770px;height:500px">div>  
  24.    
  25.             <script type="text/javascript">   
  26.   
  27.             var startDocument = "Paper";  
  28.   
  29.             $('#documentViewer').FlexPaperViewer(  
  30.                     { config : {  
  31.   
  32.                         SWFFile : 'upload/ddd3.swf',  
  33.   
  34.                         Scale : 0.6,  
  35.                         ZoomTransition : 'easeOut',  
  36.                         ZoomTime : 0.5,  
  37.                         ZoomInterval : 0.2,  
  38.                         FitPageOnLoad : true,  
  39.                         FitWidthOnLoad : false,  
  40.                         FullScreenAsMaxWindow : false,  
  41.                         ProgressiveLoading : false,  
  42.                         MinZoomSize : 0.2,  
  43.                         MaxZoomSize : 5,  
  44.                         SearchMatchAll : false,  
  45.                         InitViewMode : 'Portrait',  
  46.                         RenderingOrder : 'flash',  
  47.                         StartAtPage : '',  
  48.   
  49.                         ViewModeToolsVisible : true,  
  50.                         ZoomToolsVisible : true,  
  51.                         NavToolsVisible : true,  
  52.                         CursorToolsVisible : true,  
  53.                         SearchToolsVisible : true,  
  54.                         WMode : 'window',  
  55.                         localeChain: 'en_US'  
  56.                     }}  
  57.             );  
  58.          
  59.             script>              
  60.         div>  
  61. body>  
  62. html>  

最后，若需要去除打印功能及logo，可重新编译 flexpaper 的 flash文件，网上也有下载

FlexPaper参数

你可能感兴趣的:(在线预览)

  • VUE在线预览word、pdf、excel等文档 菜鸟程序猿、 vue.jspdf前端
    http://www.pfile.com.cn/api/profile/onlinePreview?url=(需要在线查看的文档地址)vue代码window.open('http://www.pfile.com.cn/api/profile/onlinePreview?url='+encodeURIComponent(“需要在线查看的文档地址”));文档参考：http://www.pfile.co
  • 【原型设计】支持私有化部署到服务器的原型设计程序、原型设计预览程序 传而习乎 开源
    根据您的需求，以下是一些可以部署到服务器上的原型设计图预览开源程序：Axure：虽然Axure本身不是开源软件，但它支持将原型图导出为HTML文件，并通过Git进行版本控制和部署。您可以使用Coding.net的Pages功能来托管这些HTML文件，实现在线预览。这种方法适合有开发背景的产品经理，可以系统、安全地进行版本控制和管理。Penpot：这是一个开源的设计和原型制作平台，支持跨平台使用，并
  • 在线预览PDF和图片 oyxm____ pdfvue.jsjavascript
    项目中遇到一个需要在线预览pdf以及图片功能，在网上找了很多插件发现都达不到理想需求，所有自己通过iframe标签自己封装了一个内嵌pdf页面通过判断当前文件流的后缀名来区分是pdf还是图片或者是其他类文档组件如下，需要的自取直接可用-->-->下载图片关闭import{online}from'@/api/system/user.js'exportdefault{props:{pdfDialog:
  • 在Windows系统上以服务的形式部署SpringBoot项目 程序员小H
    背景由于项目需要是实现Office文档的在线预览，为了更好的预览效果使用MSOffice对（doc、docx、xls、xlsx、ppt、pptx、txt）转换为PDF文件进行预览，MSOffice不支持Linux，所以文档转换服务只能部署在Windows服务器上，需要将文档转换服务添加到windows服务中，以服务的放是运行，从而实现开机自启动。部署工具使用官方推荐的工具：winsw工具下载：ht
  • Vue在线预览文件（docx/xlsx/pdf） Cxiaomu 插件JavaScriptVUE2vue.jspdfjavascript
    技术栈：Vue2+vue-office+ElementUI简介在Vue开发中，可以利用一些第三方插件来实现文件预览功能。例如使用vue-office插件来实现pdf、docx、xlsx文件的预览。注意：据网上资料所说，此插件还存在部分缺陷，比如docx的艺术字体、excel的多种数据格式解析不准确的问题，对此有很高要求的小伙伴慎用。另外，网上资料有说：为什么基本找不到doc或xls的在线预览，首先
  • 极速文件预览！轻松部署 kkFileView 于 Docker 中！ kimloner 运维java技术分享docker文件预览开源软件
    大家好，这几天闲的难受，决定给自己找点事做。博主的项目中有个文件预览的小需求，原有方案是想将文件转换成PDF进行预览。本着能借鉴就绝对不自己写的原则。今天就让我们简单试用一下kkFileView文件预览服务，一起探索它的强大功能吧！一、kkFileView简介kkFileView是一个基于SpringBoot框架构建的文档在线预览项目解决方案。它支持多种文件格式的在线预览，包括但不限于Office
  • 解决kkFileView4.4.0版本pdf、word不能预览问题 W@# office文件在线预览kkFileView
    这里使用的是http下载流url预览，遇到的问题。官方使用指南：kkFileView-在线文件预览1前端测试代码1.1官方示例代码1.2本人测试代码注意：要给预览文件的url进行编码encodeURIComponent(Base64.encode(previewUrl))。Title在线预览点击在线预览varBase64={//privateproperty_keyStr:"ABCDEFGHIJK
  • QGIS打开shp地图 杨江 geoserver
    地图shp文件如何打开查看提示opensans字体没有安装字体天下-提供各类字体的免费下载和在线预览服务这里搜索opensans下载但是还是不显示省份名称。
  • uniapp android和微信小程序如何实现PDF在线预览 小程序
    Hello大家好！我是咕噜铁蛋，UniApp在开发移动应用时提供了跨平台的解决方案，能够同时支持Android和iOS系统，而微信小程序则是一种轻量级的应用形式，可以在微信内直接运行。本文将探讨如何利用UniApp和微信小程序实现PDF文件的在线预览功能，以满足用户对文档内容的需求。一、UniApp简介UniApp是一个基于Vue.js开发的跨平台应用开发框架，可以让开发者使用一套代码同时发布到多
  • 跨平台Office文档预览原生插件，非腾讯X5，支持离线，稳定高可用
    引言2023年3月13日，腾讯发布了调整公告：关于腾讯浏览服务内核SDK-内核文档能力调整公告，公告里面明确说明了：2023年4月13日零时起，内核文档能力正式下线。为了脱离腾讯X5，实现真正的文档预览与编辑，于是有了这篇文章。前面写了多篇关于跨平台文件在线预览解决方案，不管使用pdf.js、LibreOffice，还是永中DCS，各自都有自己的优缺点，比如：pdf.js不支持双指放大缩小，Lib
  • 离线场景下任意文档的在线预览及原样格式翻译，不依赖其他厂商接口非侵入式一行js代码实现网站的翻译及国际化，可配置使用多种翻译语言 代码讲故事 前后端javascript前端htmljs翻译在线预览国际化
    离线场景下任意文档的在线预览及原样格式翻译，不依赖其他厂商接口非侵入式一行js代码实现网站的翻译及国际化，可配置使用多种翻译语言。要实现翻译需要解决以下3个主要问题：1）from：内容本身的语言类型是什么？2）to：需要翻译为目标语言是什么？3）text：需要翻译的文本内容是什么？转化为：1）首先，如何识别文档内容的语言？一篇文章中有多种语言混合的如何识别？2）其次，用户使用的是什么语言？如何获取
  • java代码编辑器 pdf文件预览 主流SSM 代码生成器 shrio redis websocket即时通讯 3ce4724dfda0
    访问：三W点1b23点comA代码编辑器，在线模版编辑，仿开发工具编辑器，pdf在线预览，文件转换编码B集成代码生成器[正反双向](单表、主表、明细表、树形表，快速开发利器)+快速表单构建器freemaker模版技术，0个代码不用写，生成完整的一个模块，带页面、建表sql脚本，处理类，service等完整模块C集成阿里巴巴数据库连接池druid数据库连接池阿里巴巴的druid。Druid在监控、可
  • Vue实现在线编辑excel 杀猪刀-墨林 #Vue2excel前端在线编辑vueLuckysheet
    目录luckysheet1.插件引入2.声明excel在线预览编辑组件3.excelJs分解Dom为excel文件流luckysheet文档地址exceljs文档地址前言介绍：原先平台没有要求在线编辑excel功能，excel文件是表单新增记录展现表格信息的一条记录信息，用于展示excel文件名称，支持下载功能，后续可能是客户嫌弃文件下载网速过慢，所以要求支持在线预览和编辑功能。项目周会讨论时提到
  • office文件转pdf在线预览 cqwuliu jAVA工具File处理工具htmljavapdf
    一、工具类packagecom.sby.utils;importjava.io.File;importjava.io.FileInputStream;importjava.io.FileOutputStream;importjava.io.InputStream;importjava.math.RoundingMode;importjava.text.DecimalFormat;importjav
  • 各款Excel、word在线预览工具对比分析以及onlyoffice预览Excel加载时间长的解决方案 luopeng207663436 excelwordonlyofficeexcel预览word预览
    对于onlyoffice插件预览慢的问题分析：研究了一下onlyoffice，得出以下结论！对于预览慢的问题，原因出在文件类型上，文件类型为低版本xls而非新版xlsx文件，onlyoffice服务器会自动将该文件转换为xlsx文件再进行渲染，耗时慢主要是这个转换的过程很慢，如果使用xlsx文件，就会跳过这一步，直接渲染，速度上肉眼可见的快；下面视频是展示两个相同数据量的文件，两种不同格式（xls
  • 基于vue-elementUI开发的表单代码生成器 山东好汉Tim web开发vue.jselementui前端
    简介ElementUI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。在线预览地址JSON解析器将保存在数据库中的JSON表单，解析成真实的表单查看在线示例//安装npmiform-gen-parservscode插件帮助使用elementUI的开发者完成基本的表单代码搭建任务，减少重复的劳动。vsc
  • 文档管理系统中权限控制实现方案 学海无涯，行者无疆 文档管理系统设计实战文档管理系统权限控制文档权限控制方案文档库权限文件权限
    整体思路文档管理的权限控制与常规的功能权限和数据权限都不同，有其自己的特色，异常复杂。1.权限项相对固化，对于文件夹，有创建、删除、更名、查看4个操作项；对于文件，则通常有上传、下载、删除、更名、在线预览（仍存在扩展的可能）5个操作项。2.需要对组织机构进行授权，通常企业内部部门内文档共享，部门外需控制授权。3.需考虑权限继承，两个层面，一是对某一文件夹授权，则对该文件夹的子文件夹及文件也应自动拥
  • uniapp android和微信小程序如何实现PDF在线预览 咕噜签名-铁蛋 uni-app微信小程序pdf
    Hello大家好！我是咕噜铁蛋，UniApp在开发移动应用时提供了跨平台的解决方案，能够同时支持Android和iOS系统，而微信小程序则是一种轻量级的应用形式，可以在微信内直接运行。本文将探讨如何利用UniApp和微信小程序实现PDF文件的在线预览功能，以满足用户对文档内容的需求。一、UniApp简介UniApp是一个基于Vue.js开发的跨平台应用开发框架，可以让开发者使用一套代码同时发布到多
  • 能够在线预览的组件库（支持vue2/3） 七月_Mo JsVue3.0Vue前端
    文档地址:https://501351981.github.io/vue-office/examples/docs/guide///docx文档预览组件（只支持在线预览docx格式的文件）npminstall@vue-office/docx//excel文档预览组件npminstall@vue-office/excel//pdf文档预览组件npminstall@vue-office/pdf//引入
  • uniapp android和微信小程序实现PDF在线预览 FinelyYang uni-app
    在使用uniapp开发移动端时，微信开发者工具里webview能正常打开后端接口返回的pdf文件流。正式发布后，在配置了业务域名和服务器域名的前提下，预览pdf文件却只能看到白屏，因此我猜测微信小程序不能通过webview读取文件流。这个想法有问题的话请大家给与指正。后来我通过uniappapi将文件下载在临时目录，再调用api打开，实现了微信小程序的预览。但在安卓端会调用安装的WPS打开，如果用
  • shadertoy生成PBR场景 破竹15 Shadertoy着色器图形渲染
    前言Shadertoy不支持VBO，因此shadertoy下的建模需要借助SDF(符号距离函数)的方式，渲染借助步进式光线追踪(Ray-marching)算法，结合Blinn-Phong或PBR光照模型，渲染场景。下面是实现效果图：关键词：SDF(符号距离函数)Ray-marching算法光照模型：Blinn-PhongPBRShadertoy使用两种方式使用：在线预览shader：Shadert
  • 精选70套前端数据可视化大屏 迂 幵 前端分享可视化大屏信息可视化前端可视化大屏大屏可视化数据大屏大数据可视化大屏
    分享70款还不错的前端数据可视化大屏源码其中包含行业：智慧社区、智慧物业、政务系统、智慧交通、智慧工程、智慧医疗、智慧金融银行等，全网最新、最多，最全、最酷、最炫大数据可视化模板。你可以点击在线预览查看该源码资源的最终展示效果以及下载该源码资源拿来即用.政务大数据共享交换平台可视化模板在线预览办税大数据可视化模板在线预览农业产业大数据指挥舱系统在线预览英雄联盟LPL比赛数据可视化在线预览智慧小区大
  • OfficeWeb365 Readfile 任意文件读取漏洞 Love Seed 文件读取
    免责声明：文章来源互联网收集整理，请勿利用文章内的相关技术从事非法测试，由于传播、利用此文所提供的信息或者工具而造成的任何直接或者间接的后果及损失，均由使用者本人负责，所产生的一切不良后果与文章作者无关。该文章仅供学习用途使用。Ⅰ、漏洞描述OfficeWeb365是专注于Office文档在线预览及PDF文档在线预览云服务，包括MicrosoftWord文档在线预览、Excel表格在线预览、Powe
  • java把pdf文件转换成多张图片 haiyong6
    上次写过一篇java通过openOffice实现word,excel，ppt转成pdf实现在线预览，现在有个需求是把pdf文件分隔成多张图片在网页上分页显示，就像ppt的效果。（不理解需求什么想法，明明pdf可以网页直接打开的...）所以，思路就是在之前的基础上把上传的文件先转换成pdf,再把pdf转换成多页png图片就可以了。maven引入jar包com.itextpdfitext-asian5
  • java ssm 后台框架平台 项目源码 websocket 即时通讯 IM quartz springmvc 谁带你1
    访问：三W.1b23.comA代码编辑器，在线模版编辑，仿开发工具编辑器，pdf在线预览，文件转换编码B集成代码生成器[正反双向](单表、主表、明细表、树形表，快速开发利器)+快速表单构建器freemaker模版技术，0个代码不用写，生成完整的一个模块，带页面、建表sql脚本，处理类，service等完整模块C集成阿里巴巴数据库连接池druid数据库连接池阿里巴巴的druid。Druid在监控、可
  • 定制开发支持NC、NCC、NC65等版本在线预览PDF、Excel、word，PPT等文件。 QQ767574478 NCCopenapiNC移动审批NC57NC65NCC
    通过二次开发，可以实现在NC57，NC，NC65，NCC中在线预览DF、Excel、word，PPT等文件在NC的附件管理中，可以直接点击任何一个附件，即可预览附件。
  • NC、NC65、NCC富客户端附件在线预览插件 QQ767574478 用友NCNCC附件在线预览文件在线预览
    NC附件目前只支持下载，不支持在线查看通过二开实现NC的附件可以在线预览支持的格式包含：doc,docx,xls,xlsx,ppt,pptx,pdf和txt等。
  • OfficeWeb365 Readfile 任意文件读取漏洞复现 OidBoy_G 漏洞复现web安全安全
    0x01产品简介OfficeWeb365是专注于Office文档在线预览及PDF文档在线预览云服务，包括MicrosoftWord文档在线预览、Excel表格在线预览、Powerpoint演示文档在线预览，WPS文字处理、WPS表格、WPS演示及AdobePDF文档在线预览。0x02漏洞概述OfficeWeb365Readfile接口处存在任意文件读取漏洞，攻击者可通过此漏洞对payload进行b
  • 《GitZip for github》从Github批量下载表情包 zhaoolee
    最近我创建了一个关于表情包的github仓库,里面收录了国人常用的表情包,并可以在线预览表情包https://zhaoolee.github.io/ChineseBQB/仓库地址:https://github.com/zhaoolee/ChineseBQB后面发现下载单个文件夹的表情包并不方便,于是找到了Chrome扩展程序GitZipforgithub来解决问题如果遇到无法下载的问题,可以尝试将
  • vue下载和预览word 写代码脑子疼 vuewordvue.js前端
    一、在线预览word//微软浏览文件官方前缀（后期发现微软是要收费的，有币的小伙伴考虑一下吧！）letbase='http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=1&_xdoc='//fileUrl自己word文档存储的线上地址letfileUrl='线上文件地址'leturl=encodeURIComponent(fileUrl)w
  • 开发者关心的那些事 圣子足道 ios游戏编程apple支付
    我要在app里添加IAP，必须要注册自己的产品标识符（product identifiers）。产品标识符是什么？ 产品标识符（Product Identifiers）是一串字符串，它用来识别你在应用内贩卖的每件商品。App Store用产品标识符来检索产品信息，标识符只能包含大小写字母（A-Z）、数字（0-9）、下划线（-）、以及圆点(.)。你可以任意排列这些元素，但我们建议你创建标识符时使用
  • 负载均衡器技术Nginx和F5的优缺点对比 bijian1013 nginxF5
            对于数据流量过大的网络中，往往单一设备无法承担，需要多台设备进行数据分流，而负载均衡器就是用来将数据分流到多台设备的一个转发器。         目前有许多不同的负载均衡技术用以满足不同的应用需求，如软/硬件负载均衡、本地/全局负载均衡、更高
  • LeetCode[Math] - #9 Palindrome Number Cwind javaAlgorithm题解LeetCodeMath
    原题链接：#9 Palindrome Number   要求： 判断一个整数是否是回文数，不要使用额外的存储空间   难度：简单   分析： 题目限制不允许使用额外的存储空间应指不允许使用O(n)的内存空间，O(1)的内存用于存储中间结果是可以接受的。于是考虑将该整型数反转，然后与原数字进行比较。 注：没有看到有关负数是否可以是回文数的明确结论，例如
  • 画图板的基本实现 15700786134 画图板
     要实现画图板的基本功能，除了在qq登陆界面中用到的组件和方法外，还需要添加鼠标监听器，和接口实现。 首先，需要显示一个JFrame界面： public class DrameFrame extends JFrame {              //显示
  • linux的ps命令 被触发 linux
    Linux中的ps命令是Process Status的缩写。ps命令用来列出系统中当前运行的那些进程。ps命令列出的是当前那些进程的快照，就是执行ps命令的那个时刻的那些进程，如果想要动态的显示进程信息，就可以使用top命令。 要对进程进行监测和控制，首先必须要了解当前进程的情况，也就是需要查看当前进程，而 ps 命令就是最基本同时也是非常强大的进程查看命令。使用该命令可以确定有哪些进程正在运行
  • Android 音乐播放器 下一曲 连续跳几首歌 肆无忌惮_ android
    最近在写安卓音乐播放器的时候遇到个问题。在MediaPlayer播放结束时会回调 player.setOnCompletionListener(new OnCompletionListener() { @Override public void onCompletion(MediaPlayer mp) { mp.reset(); Log.i("H
  • java导出txt文件的例子 知了ing javaservlet
    代码很简单就一个servlet,如下： package com.eastcom.servlet; import java.io.BufferedOutputStream; import java.io.IOException; import java.net.URLEncoder; import java.sql.Connection; import java.sql.Resu
  • Scala stack试玩, 提高第三方依赖下载速度 矮蛋蛋 scalasbt
    原文地址： http://segmentfault.com/a/1190000002894524 sbt下载速度实在是惨不忍睹, 需要做些配置优化 下载typesafe离线包, 保存为ivy本地库 wget http://downloads.typesafe.com/typesafe-activator/1.3.4/typesafe-activator-1.3.4.zip 解压r
  • phantomjs安装(linux，附带环境变量设置) ，以及casperjs安装。 alleni123 linuxspider
    1. 首先从官网 http://phantomjs.org/下载phantomjs压缩包，解压缩到/root/phantomjs文件夹。 2. 安装依赖 sudo yum install fontconfig freetype libfreetype.so.6 libfontconfig.so.1 libstdc++.so.6 3. 配置环境变量 vi /etc/profil
  • JAVA IO FileInputStream和FileOutputStream，字节流的打包输出 百合不是茶 java核心思想JAVA IO操作字节流
    在程序设计语言中，数据的保存是基本，如果某程序语言不能保存数据那么该语言是不可能存在的，JAVA是当今最流行的面向对象设计语言之一，在保存数据中也有自己独特的一面，字节流和字符流 1，字节流是由字节构成的，字符流是由字符构成的 字节流和字符流都是继承的InputStream和OutPutStream ,java中两种最基本的就是字节流和字符流   类 FileInputStream
  • Spring基础实例（依赖注入和控制反转） bijian1013 spring
    前提条件：在http://www.springsource.org/download网站上下载Spring框架，并将spring.jar、log4j-1.2.15.jar、commons-logging.jar加载至工程1.武器接口 package com.bijian.spring.base3; public interface Weapon { void kil
  • HR看重的十大技能 bijian1013 提升能力HR成长
        一个人掌握何种技能取决于他的兴趣、能力和聪明程度，也取决于他所能支配的资源以及制定的事业目标，拥有过硬技能的人有更多的工作机会。但是，由于经济发展前景不确定，掌握对你的事业有所帮助的技能显得尤为重要。以下是最受雇主欢迎的十种技能。 　　一、解决问题的能力 　　每天，我们都要在生活和工作中解决一些综合性的问题。那些能够发现问题、解决问题并迅速作出有效决
  • 【Thrift一】Thrift编译安装 bit1129 thrift
    什么是Thrift The Apache Thrift software framework, for scalable cross-language services development, combines a software stack with a code generation engine to build services that work efficiently and s
  • 【Avro三】Hadoop MapReduce读写Avro文件 bit1129 mapreduce
    Avro是Doug Cutting(此人绝对是神一般的存在）牵头开发的。 开发之初就是围绕着完善Hadoop生态系统的数据处理而开展的（使用Avro作为Hadoop MapReduce需要处理数据序列化和反序列化的场景）,因此Hadoop MapReduce集成Avro也就是自然而然的事情。 这个例子是一个简单的Hadoop MapReduce读取Avro格式的源文件进行计数统计，然后将计算结果
  • nginx定制500，502，503，504页面 ronin47 nginx　错误显示
    server { listen 80; error_page 500/500.html; error_page 502/502.html; error_page 503/503.html; error_page 504/504.html; location /test {return502;}} 配置很简单，和配
  • java-1.二叉查找树转为双向链表 bylijinnan 二叉查找树
    import java.util.ArrayList; import java.util.List; public class BSTreeToLinkedList { /* 把二元查找树转变成排序的双向链表 题目： 输入一棵二元查找树，将该二元查找树转换成一个排序的双向链表。 要求不能创建任何新的结点，只调整指针的指向。 10 / \ 6 14 / \
  • Netty源码学习-HTTP-tunnel bylijinnan javanetty
    Netty关于HTTP tunnel的说明： http://docs.jboss.org/netty/3.2/api/org/jboss/netty/channel/socket/http/package-summary.html#package_description 这个说明有点太简略了 一个完整的例子在这里： https://github.com/bylijinnan
  • JSONUtil.serialize(map)和JSON.toJSONString(map)的区别 coder_xpf jqueryjsonmapval()
     JSONUtil.serialize(map)和JSON.toJSONString(map)的区别   数据库查询出来的map有一个字段为空   通过System.out.println()输出 JSONUtil.serialize(map)： {"one":"1","two":"nul
  • Hibernate缓存总结 cuishikuan 开源sshjavawebhibernate缓存三大框架
    一、为什么要用Hibernate缓存？ Hibernate是一个持久层框架，经常访问物理数据库。 为了降低应用程序对物理数据源访问的频次，从而提高应用程序的运行性能。 缓存内的数据是对物理数据源中的数据的复制，应用程序在运行时从缓存读写数据，在特定的时刻或事件会同步缓存和物理数据源的数据。   二、Hibernate缓存原理是怎样的？ Hibernate缓存包括两大类：Hib
  • CentOs6 dalan_123 centos
    首先su - 切换到root下面1、首先要先安装GCC GCC-C++ Openssl等以来模块：yum -y install make gcc gcc-c++ kernel-devel m4 ncurses-devel openssl-devel2、再安装ncurses模块yum -y install ncurses-develyum install ncurses-devel3、下载Erang
  • 10款用 jquery 实现滚动条至页面底端自动加载数据效果 dcj3sjt126com JavaScript
      无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术，它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的结果，改变了一直以来只能通过点击下一页来翻页这种常规做法。 无限滚动自动翻页技术的鼻祖是微博的先驱：推特(twitter)，后来必应图片搜索、谷歌图片搜索、google reader、箱包批发网等纷纷抄袭了这一项技术，于是靠滚动浏览器滚动条
  • ImageButton去边框&Button或者ImageButton的背景透明 dcj3sjt126com imagebutton
    在ImageButton中载入图片后，很多人会觉得有图片周围的白边会影响到美观，其实解决这个问题有两种方法 一种方法是将ImageButton的背景改为所需要的图片。如：android:background="@drawable/XXX" 第二种方法就是将ImageButton背景改为透明，这个方法更常用 在XML里；    <ImageBut
  • JSP之c:foreach eksliang jspforearch
    原文出自：http://www.cnblogs.com/draem0507/archive/2012/09/24/2699745.html <c:forEach>标签用于通用数据循环，它有以下属性 属 性 描 述 是否必须 缺省值 items 进行循环的项目 否 无 begin 开始条件 否 0 end 结束条件 否 集合中的最后一个项目 step 步长 否 1
  • Android实现主动连接蓝牙耳机 gqdy365 android
    在Android程序中可以实现自动扫描蓝牙、配对蓝牙、建立数据通道。蓝牙分不同类型，这篇文字只讨论如何与蓝牙耳机连接。 大致可以分三步： 一、扫描蓝牙设备： 1、注册并监听广播： BluetoothAdapter.ACTION_DISCOVERY_STARTED BluetoothDevice.ACTION_FOUND BluetoothAdapter.ACTION_DIS
  • android学习轨迹之四：org.json.JSONException: No value for hyz301 json
    org.json.JSONException: No value for items  在JSON解析中会遇到一种错误，很常见的错误   06-21 12:19:08.714 2098-2127/com.jikexueyuan.secret I/System.out﹕ Result:{"status":1,"page":1,&
  • 干货分享：从零开始学编程 系列汇总 justjavac 编程
    程序员总爱重新发明轮子，于是做了要给轮子汇总。 从零开始写个编译器吧系列 (知乎专栏) 从零开始写一个简单的操作系统 (伯乐在线) 从零开始写JavaScript框架 (图灵社区) 从零开始写jQuery框架 (蓝色理想 ) 从零开始nodejs系列文章 (粉丝日志) 从零开始编写网络游戏 
  • jquery-autocomplete 使用手册 macroli jqueryAjax脚本
    jquery-autocomplete学习 一、用前必备 官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ 当前版本：1.1 需要JQuery版本：1.2.6 二、使用 <script src="./jquery-1.3.2.js" type="text/ja
  • PLSQL-Developer或者Navicat等工具连接远程oracle数据库的详细配置以及数据库编码的修改 超声波 oracleplsql
    　　在服务器上将Oracle安装好之后接下来要做的就是通过本地机器来远程连接服务器端的oracle数据库，常用的客户端连接工具就是PLSQL-Developer或者Navicat这些工具了。刚开始也是各种报错，什么TNS:no listener;TNS:lost connection;TNS:target hosts...花了一天的时间终于让PLSQL-Developer和Navicat等这些客户
  • 数据仓库数据模型之：极限存储--历史拉链表 superlxw1234 极限存储数据仓库数据模型拉链历史表
    在数据仓库的数据模型设计过程中，经常会遇到这样的需求： 1. 数据量比较大; 2. 表中的部分字段会被update,如用户的地址，产品的描述信息，订单的状态等等; 3. 需要查看某一个时间点或者时间段的历史快照信息，比如，查看某一个订单在历史某一个时间点的状态，    比如，查看某一个用户在过去某一段时间内，更新过几次等等; 4. 变化的比例和频率不是很大，比如，总共有10
  • 10点睛Spring MVC4.1-全局异常处理 wiselyman spring mvc
    10.1 全局异常处理 使用@ControllerAdvice注解来实现全局异常处理; 使用@ControllerAdvice的属性缩小处理范围 10.2 演示 演示控制器 package com.wisely.web; import org.springframework.stereotype.Controller; import org.spring
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他