OFD是国产的版式文档格式,目前在政府公文、电子发票等方面开始推广运用。由于格式比较新,能直接预览的工具并不多。如果你也存在同样的困扰,可以试试XDOC的文档在线预览服务。 本地文件预览打开https://ofd.xdocin.com,选择本地OFD文件,如下图:图片点击预览按钮,结果如下图:图片在线文档预览调用方法:https://ofd.xdocin.com/view? src=你的OFD文档地址例如:https://ofd.xdocin.com/view?src=https://ofd.xdocin.com/demo/fapiao.ofd显示效果,如下图:图片
OFD在线预览 http://usdoc.cn 1、OFD OFD(Open Fixed-layout Document) ,是由[工业和信息化部](https://baike.baidu.com /item/%E5%B7%A5%E4%B8%9A%E5%92%8C%E4%BF%A1%E6%81%AF%E5%8C%96%E9%83%A8/835197)软件司牵头[中国电子技术标准化研究院](https ] image.png 可以将XMl转化为SVG或者Html的形式预览,例如 <ofd:Page xmlns:ofd="http://www.ofdspec.org/2016"> <ofd:Content <ofd:Layer ID="2"> image.png OFD在线预览,Word在线预览 或者采用在线的预览效果,例如 http://usdoc.cn 调用方式 http://vw.usdoc.cn src=http://usdoc.cn/vw/三好学生申请书v1.ofd 预览效果如下图 image.png
PDF,即Portable Document Format,用于以一种独立于应用程序、硬件、操作系统的方式共享和查看文档;OFD,即Office Open Document Format for Document ,是一种在政府公文和法律文件等领域广泛应用的电子文件格式;虽然有很多桌面端程序来阅读编辑PDF及OFD文档,但是对于在线办公场景,虽然有一些简单的在线编辑工具,但是性能和功能都和桌面端相差太大,无法满足需求 作为网页内嵌本地程序的佼佼者——猿大师中间件发布了PDF网页程序及OFD网页小程序,可以在网页中内嵌福昕OFD版式办公套件实现PDF/OFD文档阅读及编辑。第一步:下载并安装福昕OFD版式办公套件。 版式办公套件打开PDF文档效果如下:第四步:打开OFD网页小程序测试网页测试。 "}}用福昕OFD版式办公套件打开ODF文档效果如下:
OFD 在线预览全是乱码?我差点被“字体问题”带沟里了一个看似简单的问题,最后却发现:你改的方向,从一开始就是错的。前几天,现场同事反馈:OFD 类型的发票文件在系统里在线预览时,几乎全是乱码。 第二坑:跨平台表现,迷惑性极强既然“玄学方案”不行,那就要原始 OFD 文件,自己跑一遍。 第三坑:我把希望寄托在“字体映射”上项目里用的是 ofdrw 做 OFD → PDF 转换。 打开在线预览结果:✅ 乱码消失✅ 无需额外字体✅ Mac / Windows Server 表现一致复盘一下,这次我踩了哪几个坑? 如果你以后也遇到 OFD 预览乱码,可以直接对照:太相信“字体缺失”这个经验结论被 Mac 正常、Windows 异常的现象误导在 ofdrw 1.x 上浪费时间折腾字体映射忽略了库版本本身的历史问题真正有效的一句话总结是
最近客户有个需求,需要在线预览PPT、Excel、Word,开始打算用第三方组建去读取 office系列,然后生成html,这样的话样式相当于丢了,只剩下数据,而且第三方组件对office版本支持不够完善 最后决定,用户在上传的过程中调用office API里面的saveAs,自动生成了静态html,预览的时候就直接访问的该html页面。 ? = new Word.Application(); 6 7 Type wordType = word.GetType(); 8 Type.Missing, Type.Missing, Type.Missing, Type.Missing, Type.Missing, Type.Missing, Type.Missing); 8
凯京科技内部文件,严禁外泄} #如需取消水印,内容设置为空即可,例:watermark.txt = ${WATERMARK_TXT:} watermark.txt = ${WATERMARK_TXT:小鑫同学在线
背景 系统需要预览在线word、excel、pdf等文件 ,pdf还好,word和excel就不太友好了,需要下载下来,文件少还行,多了,用户就很烦,下载了还得人工删除 。 所以找了一个可以直接在线预览的文案。 -p 8012:8012 keking/kkfileview:4.1.0 浏览器访问容器8012端口 http://127.0.0.1:8012 即可看到项目演示用首页 项目接入使用 当您的项目内需要预览文件时 ,只需要调用浏览器打开本项目的预览接口,并传入须要预览文件的url,示例如下: 3.x.x 及以上版本 #[1] <script type="text/javascript" src="https:// cdn.jsdelivr.net/npm/js-base64@3.6.0/base64.min.js"></script> var url = 'http://127.0.0.1:8080/file/test.txt'; //要预览文件的访问地址
既然是WEB应用,进一步的需求是能够在线查看文档,根据用户需求可能不允许下载,不允许打印文档。 另外一个解决方案是在线文档预览,用户在网页中查看文档内容,用户无需拿到原始文档,如果有权限的话,可以允许用户下载文档。这就就是百度文库,豆丁之类的网站的功能。下面来说说怎么实现。 catch (Exception ex) { error = ex.StackTrace; return false; } } 2.在线预览 pdf文档 前面已经统一转换为pdf文档,接下来就是对pdf的在线预览。
背景 最近公司内部oa系统升级,需要增加文件在线预览服务,最常见的文件就是office文档,一开始构思几个方案,比如office软件自带的文件转换,openoffice转换,offce365服务,aspose 转化你图片预览(版本20.4) excel aspose-cell转换html预览(版本20.4) pdf pdfbox缓缓图片预览(版本2.0.15) png,jpg,gif 整合viewer.js预览 (版本1.5.0) mp4 整合vedio.js预览(js版本7.10.2) txt 读取文件内容预览 注:aspose因版权问题,工程示例代码中全部使用试用版,转换图片会出现水印 流程设计 系统实现 FILE_TYPE_MAP.put(".xls", "D0CF11E0"); // MS Excel 注意:word 和 excel的文件头一样 FILE_TYPE_MAP.put(".jpg", "FFD8FF FILE_TYPE_MAP.put(".ps", "252150532D41646F6265"); FILE_TYPE_MAP.put(".qdf", "AC9EBD8F
---- Blog新添加书籍页面,方便在线阅读,使用了jquery.media.js -----------------来自小马哥的故事 ---- html 代码如下 <! /xhtml" xml:lang="zh-CN" dir="ltr"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-<em>8</em>" }); </script> </head> <body> PDF File </body> </html> 查看预览 document.documentMode || 0; var msie = /MSIE/.test(navigator.userAgent); var lameIE = msie && (/MSIE (6|7|8) http://www.real.com/player/', autoplayAttr: 'autostart', ieAttrs: { classid: 'clsid:CFCDAA03-8BE4
有时候我们不仅需要文件存储,还需要文件的在线预览。这里给大家推荐一个基于SpringBoot的文件预览神器kkFileView,基本支持主流文件的在线预览,使用也很简单,希望对大家有所帮助! kkFileView简介 kkFileView可以用来搭建文件在线预览服务,在Github上已有5.7k+Star。 ,我们来看下在线预览文件的URL格式,只需传入url(需要预览的文件地址)即可,这里要注意的是这个url需要进行base64编码才可以; http://192.168.7.109:8012/onlinePreview 总结 通过对kkFileView的一波实践,我们发现kkFileView可以满足Office文档、视频、图片等主流文件的在线预览需求,使用和配置也非常简单。 由于它是通过将word、ppt文档转化为pdf来实现预览的,如果你对Office文档预览没有特别高的要求,完全可以使用它搭建一个全能的文件在线预览服务!
前端实现文档在线预览功能 最直接的就是使用XDOC 文档云服务 XDOC可以实现预览以DataURI表示的DOC文档,此外XDOC还可以实现文本、带参数文本、html文本、json文本、公文等在线预览, DOCTYPE html> <html> <head> <title>Show PDF</title> <meta charset="utf-<em>8</em>" /> <script type 2、word、xls、ppt文件在线预览功能 word、ppt、xls文件实现在线预览的方式比较简单可以直接通过调用微软的在线预览功能实现 (预览前提:资源必须是公共可访问的) <iframe src= / /具体文档看这微软接口文档/ /补充:google的文档在线预览实现同微软(资源必须是公共可访问的)/ <iframe :src="'https://docs.google.com/viewer? 最优选择微软<em>在线</em><em>预览</em>(不可编辑) 2、利用后端将文件转为图片,前端以图片形式<em>预览</em>(可行方案) 3、购买<em>在线</em><em>预览</em>服务例如百度DOC文档服务、永中、I DOC VIEW等
对于非前端人员,如何预览和调试组件呢? 自动生成 schema 文件大致思路: 应用 基础组件的示例在线预览和调试 业务组件的 Demo 在线预览和调试 面向人群 研发 非研发:产品、测试、运营 研发主要用到组件的调试功能,而像运营和产品这样非研发人员 CodeSandbox 为 Web 应用程序而开发而构建的在线编辑器,同样也提供了多种模版方便开发者使用。 大部分核心代码也开源了,网上也有相关的原理解析和搭建在线 IDE 方案的资料,有兴趣的同学可以去看看。 :https://www.yuque.com/wangxiangzhong/aob8up/nb1gp2
如果使用第三方服务,有以下的方案: XDOC文档预览服务:http://view.xdocin.com/ kkFileView在线文件预览:https://kkfileview.keking.cn/zh-cn /docs/home.html Microsoft在线预览api:https://view.officeapps.live.com/op/view.aspx? 本次实现的文档预览的类型有:docx, xlsx, pptx, pdf,以及纯文本、代码文件和各种图片、视频格式的在线预览 在线预览 纯web端文档预览项目在线地址:http://file-viewer.qkongtao.cn / Office文档文件在线预览 Office文档文件包括常见的docx、excel、pdf三种文件的预览,当然还有PPT文件预览,但是ppt使用纯前端实现预览效果不是很好,正确的做法一般会讲ppt文件在服务端转换成 在线文档预览项目(整合) 上述的组件是本项目主要实现的功能,最后我将组件进行了整合一下,封装成一个文件上传、下载、预览的demo。
地址:https://usdoc.cn Office文件在线预览是目前移动化办公的一种新趋势。Office在线预览指的是Office系列的文件在线查看而不依附域客户端的存在。 在浏览器或者浏览器控件中可以预览查看Word、PDF、Excel、OFD、PPT等格式文档。 usdoc文档在线服务正是为了解决这一问题而做出了优化的访问,充分发挥了前后端结合的优势,提供更好的阅读体验特点 1、不依赖于客户端独立运用,只需要一个url文件地址就可以预览。 支持Microsoft Office、WPS及Adobe PDF文档在线预览支持PC端、移动端、Mac电脑等文件地址可加密集成很简单,三行代码既可以搞定预览调用方法 https://vw.usdoc.cn src=http://usdoc.cn/vw/三好学生申请书.wps预览效果如下image.png多种预览方案 每种格式预览效果至少有3中以上,不同的预览方案所呈现的效果不同,精确度不同精确模式
针对android系统不支持pdf文档在线预览,可通过引入pdf.js插件实现,其具体实现步骤如下 一、引入插件 方式一:npm install –save pdfjs-dist,安装完成后在vue项目的 ), outputStream); } catch (Exception e) { e.printStackTrace(); } return null; } } 具体采用哪种方式实现pdf文档的在线预览
在偶然的翻阅大佬博客的时候,发现一个挺有意思的项目:kkFileView,在线文件预览项目 1. kkFileView介绍 kkFileView是git的开源在线文件预览项目 支持格式:doc、docx js、md、json、conf、ini、vue、php、py、bat、gitignore 该项目使用流行的spring boot搭建,易上手和部署,可以进行二次开发和独立部署,是一个很方便易使用的文件预览项目 可以进入application.properties文件根据自己的需求修改配置,如端口、文件大小限制、添加水印、文件预览等相关配置 也可以根据自己的需求修改源码,对项目进行二次开发,比如加个授权什么的等等 : 默认的office文件预览是转成图片模式预览,点击右边的PDF图标,可以转成PDF进行预览(可以文字复制和下载等,也有很多小工具) 4.3、文件预览乱码问题 大部分Linux系统上并没有预装中文字体或字体不全 DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-<em>8</em>"> <meta http-equiv="X-UA-Compatible
在office官方自带的链接后添加自己的文档链接,浏览器就可以自动解析预览 支持 word 、ppt、excel,不支持pdf格式文件 "https://view.officeapps.live.com src=" + http://word; 我们引入vue-pdf来在线预览pdf文件 文档地址 npm install --save vue-pdf <template> <div class="
#Java实现在线预览–openOffice实现 ##简介 之前有写了poi实现在线预览的文章,里面也说到了使用openOffice也可以做到,这里就详细介绍一下。 转换成html格式大家都能理解,这样就可以直接在浏览器上查看了,也就实现了在线预览的功能;转换成pdf格式这点,需要用户安装了Adobe Reader XI,这样你会发现把pdf直接拖到浏览器页面可以直接打开预览 ,这样也就实现了在线预览的功能。 OutputStream os = new FileOutputStream(docInputFile); int bytesRead = 0; byte[] buffer = new byte[1024 * 8] OutputStream os = new FileOutputStream(docInputFile); int bytesRead = 0; byte[] buffer = new byte[1024 * 8]
OFFICE 文档在线预览方案很多: 服务器先转换为PDF,再转换为SWF,最后通过网页加载Flash预览,比如flexpaper Office文档直接转换为SWF,通过网页加载Flash预览 微软的Office365 在浏览器中直接打开 转换为html 今天,我们要用的方案是转换为html来预览。 总结 本文介绍了一种在服务端将office文档转换为html以方便预览的方法。 实际使用时,可以将生成好的html放到网站路径下,通过拦截器,设置访问权限。