这几天在搞在线文档预览,网上查了几种方案, 第一种:使用google的在线预览 -> 国内被Q,pass 第二种:使用第三方的,比如:永中dcs -> 要钱,pass 第三种:先转换为pdf,在使用pdf在线预览插件预览 -> 对服务器负担比较大. 第四种:自己写解析库 -> 我这实力,开玩笑呢? 查了查,也就第三种可行.不过我之前都是做的简单的web开发,想到文档转换对于cpu的消耗比较大,应该无法适应大规模的并发情形.也在segmentfault上提了一个问题:php长时间的服…

昨晚搭建环境都花了好一会时间,主要在浪费在了安装 openoffice 这个依赖环境上(Mac 需要手动安装). 然后,又一步一步功能演示,记录,调试项目,并且简单研究了一下核心代码之后才把这篇文章写完. 另外,这篇文章我还会简单分析一下项目核心代码. 如果有帮助,欢迎点赞/再看鼓励,我会开心很久 ღ( ´･ᴗ･` )比心 项目介绍 官方是这样介绍 kkFileView 的: kkFileView 是使用 spring boot 打造文件文档在线预览项目解决方案,支持 doc.docx.ppt.…

今天给大家分享一款基于Query页面窗口拖动预览效果.这是一款基于jQuery+HTML5实现的模拟页面窗口显示拖动窗口预览特效.这款实例适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 在线预览   源码下载 实现的代码. html代码: <p> minimap - A jQuery Plugin<br> A preview of full webpage or its DOM element with flexible…

最近,随着firefox x64的升级,出现flash插件完全被禁止的现象,html5替换是大势所趋,原来我们在云平台中有多处使用flash的地方,比如OFFICE预览,视频播放,游戏等,现对于OFFICE预览和视频预览做出如下技术方案,供大家探讨: 1.对于office,我的意见是使用pdf,即office通过c#+office api转成pdf,然后在前端使用pdf.js进行预览,此处比较清晰,请前端组自行研究解决办法,并在项目中应用.使用后swf方式将废弃. 2.HTML5里的视频vide…

最近在做项目时,需要用到在线文档预览,看过明道的一篇搭建office web apps服务的文章,但是由于时间的关系,没有仔细研究,这几天有时间,就拿出来研究了下,折腾了几天终于完成了部署,然后就搬过来做下记录. 优点 现有代码改动量很小,几乎可以忽略不计. 无需自己写代码,只需一台服务器即可 支持文档类型很全面,doc,ppt,xls,docx,pptx,xlsx,pdf. 手机和pc都支持,支持文档缓存,分页浏览. 一.服务器环境要求 服务器:两台服务器,一台为转换server,另外一台为域…

近期在试用LogicalDOC,一个文档管理系统. 上传的office文件预览中文乱码 问题原因是LibreOffice缺少对应的中文字体导致,只需要把对应的中文字体拷贝到/opt/libreoffice5.3/share/fonts/truetype目录下(比如宋体的simsun.ttc,也可拷贝其他中文字体),然后再次重新上传文件就可完美预览中文.…

在新的服务器(ubuntu16.04)上安装confluence,预览office的附件的时候,发现中文无法正确显示 在网上搜了一下,搜到一篇官方的文档,是关于这个问题的 问题原因: 在服务器上没有安装对应的微软的字体 解决方法: 把windows上的字体上传到ubuntu服务器上的某个目录,然后在confluence启动的时候的setenv.sh里边进行配置,找到CATALINA_OPTS,添加如下一行 CATALINA_OPTS="-Dconfluence.document.conversi…

注册界面 登陆界面 博客主界面 个人站点主页 文章详情页 个人博客后台 添加文章页 修改密码页…

最近在用vue做项目的时候,页面中需要展示后端返回的PDF文件,于是便用到了vue-pdf,其使用方法为 : npm install --save vue-pdf 官网地址:https://www.npmjs.com/package/vue-pdf 不多说了,直接上代码: <template> <div> <div class="parent"> <button @click="$refs.pdf.print()">打…

写插件很简单,满足两个条件即可,一.基本的逻辑思路,二.熟悉插件语法要求.本次Vue插件也比较简单,点击“查看图片”用轮播的方式限制用户上传的图片,如图: 项目采用的是vue-element-admin 在‘src/components’下新建‘imgPreview’文件夹,然后在该文件夹下新建‘ImgPreview.vue’,‘index.js’两个文件,代码如下: ImgPreivew.vue <template> <el-dialog :visible.sync="isS…

做法就是使用iframe标签 1.text,pdf的文件预览 <iframe class="filename" :src="文件的地址" width='100%' height='600' frameborder='1' ></iframe> 2.doc,xls,ppt等office的预览 <iframe class="filename" :src="https://view.officeapps.live…

在博客园很多文章里面,曾经有一些介绍Office文档预览查看操作的,有些通过转为PDF进行查看,有些通过把它转换为Flash进行查看,但是过程都是曲线救国,真正能够简洁方便的实现Office文档的预览的还是比较少,这里的Office文档包括了Word.Excel.PPT文档.本文介绍两种方式,一种方式是通过在线预览的方式,利用微软的平台进行Office文档的在线查看:一种是把Office文档生成HTML文件后进行查看.然后对比他们的优缺点,并进行总结. 1.利用微软的平台进行Office文档的在…

在博客园很多文章里面,曾经有一些介绍Office文档预览查看操作的,有些通过转为PDF进行查看,有些通过把它转换为Flash进行查看,但是过程都是曲线救国,真正能够简洁方便的实现Office文档的预览的还是比较少,这里的Office文档包括了Word.Excel.PPT文档.本文介绍两种方式,一种方式是通过在线预览的方式,利用微软的平台进行Office文档的在线查看:一种是把Office文档生成HTML文件后进行查看.然后对比他们的优缺点,并进行总结. 1.利用微软的平台进行Office文档的在…

http://www.cnblogs.com/wuhuacong/p/3871991.html 基于MVC4+EasyUI的Web开发框架经验总结(8)--实现Office文档的预览 在博客园很多文章里面,曾经有一些介绍Office文档预览查看操作的,有些通过转为PDF进行查看,有些通过把它转换为Flash进行查看,但是过程都是曲线救国,真正能够简洁方便的实现Office文档的预览的还是比较少,这里的Office文档包括了Word.Excel.PPT文档.本文介绍两种方式,一种方式是通过在线预览…

开篇语: 最近工作需要做一个借款合同,公司以前的合同都是通过app端下载,然后通过本地打开pdf文件,而喜欢创新的我,心想着为什么不能在线H5预览,正是这个想法,说干就干,实践过程总是艰难的,折腾了3,4天的时间,熬了两个凌晨3,4点,其中的艰辛.以及各中的曲折.压力只有自己能体会,项目上线后心里想着我要写一篇博文,一是总结一下经验,其次就是和大家分享自己这一路走来的的心得体会,欢迎吐槽!,废话不多说,来点干货! PDF在线预览实现: 8个实现在线浏览PDF文件的实用插件,笔者选择pdf.js,…

笔者最近在给客户开发文档管理系统时,客户要求上传到管理系统的文档(包括ppt,word,excel,txt)只能预览不允许下载.笔者想到了百度文库和豆丁网,百度文库和豆丁网的在线预览都是利用flash来播放文档的,在网上查阅了大量资料,终于实现了该项功能,现将自己的设计和实现整理如下. 一.如何将文档转成flash支持的swf文件实现在线播放?1.先用openOffice把ppt.word.excel.txt类型的文档转换成pdf2.用swftools将pdf转换成swf,然后利用FlexPap…

实战动态PDF在线预览及带签名的PDF文件转换 开篇语: 最近工作需要做一个借款合同,公司以前的合同都是通过app端下载,然后通过本地打开pdf文件,而喜欢创新的我,心想着为什么不能在线H5预览,正是这个想法,说干就干,实践过程总是艰难的,折腾了3,4天的时间,熬了两个凌晨3,4点,其中的艰辛.以及各中的曲折.压力只有自己能体会,项目上线后心里想着我要写一篇博文,一是总结一下经验,其次就是和大家分享自己这一路走来的的心得体会,欢迎吐槽!,废话不多说,来点干货! PDF在线预览实现: 8个实现在线…

比较好的在线预览的方法: 跳转一个新的页面,里面放一个iframe标签,或者object标签 <iframe src="xxx"></iframe> <object data="xxx"></object> 但是这两个标签也有限制,有些可以直接打开预览,有些则直接下载,具体总结如下: object:ppt不支持预览,直接下载doc不支持预览,直接下载txt不支持预览,直接下载pdf支持打开预览 图片支持预览,图片放大…

本来是想做成直接在网页上在线预览office文件的,但是找了好多,要不是收费,要不就是要调用别人的API不安全,所以纠结了好久还是用调用本地的office预览office文件. 废话不多说,那么怎么调用的呢,这个是代码: <script type="text/javascript"> //获取路径 var str = location.href; var arr = str.split("/"); delete arr[arr.length - 1];…

因客户需要实现PDF的预览处理,在网上找了一些PDF在线预览的解决方案,有的用PDFJS的在线预览方式,有的使用PDFObject的嵌入式显示,有的通过转换JPG/PNG方式实现间接显示的方式,开始是想通过简单的方式,能够使用JS插件实现预览最好,可是在线预览总是有一些不足,如不同浏览器的兼容问题,甚至不同的手机平台中展示的效果也不一样,不过最好还是采用了间接的方式,把PDF转换为图片展示效果,达到客户的要求. 1.在线实现预览的方式 一开始我还是很倾向使用这种方式,希望能采用一个较为好的JS插…

推荐一款不错的Markdown语法手册,最可贵的是支持在线编辑预览: Cmd Markdown简介 Cmd Markdown语法手册及在线编辑 补充一些使用技巧: MarkDown实现段首缩进:「Markdown 语言」不负责实现段首缩进,段首缩进这件事,应该是 CSS 或者其他排版工具的事情,Markdown 奉行的是样式和内容分开的哲学.即使手动输入空格,  也是很不推荐的方法.我推荐全角空格,切换到全角模式下(一般的中文输入法都是按 shift + space)输入两个空格就行了.这个相对…

开头 笔者之前的文章里介绍过一个代码在线编辑预览工具的实现(传送门:快速搭建一个代码在线编辑预览工具),实现了css.html.js的编辑,但是对于demo场景来说,vue单文件也是一个比较好的代码组织方式,至少笔者就经常在写vue项目的同时顺便写写各种demo,但是分享不太方便,因为单文件不能直接运行看效果,基于此,笔者决定在之前的基础上再增加一个vue单文件的编辑及预览功能. ps.如果没看过之前的文章也没关系,这里简单介绍一下该项目:code-run,基本框架使用的是vue3.x版本, 构…

之前一直使用python的PIL自定义裁切图片,今天有需求需要做一个前端的选择预览页面,索性就把这个功能整理一下,分享给大家. 实现思路: 1.前端页面: 用户选择本地一张图片,然后通过鼠标缩放和移动,确定自己所需要的图片切块,最终把图片切块的 左边距,上边距,长,宽这些个参数传给后台 2.后台: 使用的django,主要实现2部分的功能,第一:图片上传,第二:图片裁切 先看一张图片: 前端页面: 后台最后得到的图片: 对于该demo中,我用到了以下js插件: jquery-webox:弹出图层…

一.lambda含义     lambda表示数学符号“λ”,计算机领域中λ代表“λ演算”,表达了计算机中最基本的概念:“调用”和“置换”.在很多动态语言和C#中都有相应的lambda语法,这类语法都为了简化代码,提高运行效率. 二.lambda 项目的背景,参考这里.     无论是面向对象语言还是函数式语言,基本数值都可以被动态的封装入程序动作:面向对象语言通过“方法”,函数式语言通过“函数.     介于“方法”和“函数”的定义有很多种,补充下IBM知识库的解释: 在面向对象语言中,方法不…

https://mp.weixin.qq.com/s/bAPiPURZd-YsbV5PbzwpQQ 编者按:随着各大公司对于数据计算的要求越来越高,实时AI成为了研究者们关注的重点.在美国西雅图举行的微软Build开发者大会上,微软发布了最新的基于FPGA的Project Brainwave预览版.Project Brainwave是一个旨在加速实时AI计算的硬件架构,能够部署在Azure云端以及边缘设备上,帮助用户实现低成本的实时AI计算.本文译自微软人工智能博客“Real-time AI:…

由于项目需要,需要一个在线预览office的功能,小编一开始使用的是微软提供的方法,简单快捷,但是不符合小编开发需求, 就另外用了:将文件转换成html文件然后预览html文件的方法.对微软提供的方法感兴趣的小伙伴可以去看一下,够简单直接:word+excle+pdf表格在线浏览 我们来说一下小编使用的方法,这种预览方式基于开源的NPOI+Office COM组件,使用是需要引入这几个动态链接库,总体如下: C#在线预览文档(word,excel,pdf,txt,png) 预览方式:将文件转换成…

大家好,又见面了. 在构建业务系统的时候,经常会涉及到对附件的支持,继而又会引申出对附件在线预览.在线编辑.多人协同编辑等种种能力的诉求. 对于人力不是特别充裕.或者项目投入预期规划不是特别大的公司或者项目而言,通常会选择基于一些开源方案来实现,但是开源组件选择之后,如何将其无缝对接融入到自己的业务系统中并完全支持自身诉求的实现,不仅要能用.而且要好用,其实也是一个需要好好思量的问题. 此前在项目中就曾遇到过这么个场景,下面一起分享下具体的架构设计调整演进与最终方案落地策略,以及过程中遇到的一些…

office web apps安装 系统要求为Windows Server 2012, 注意:转换文档需要两台服务器,一台为转换server,另外一台为域控server.(至于为什么要两台,这个请自行google,微软是这样要求的,我也不懂) 公司的系统现在正是使用这个实现文档在线预览的,不久的将来一定会上线.后面的文章我会附上即将上线的文档转换服务的截图. 以前公司使用的再现预览方案是把文档转换成pdf文件,再然后转换成图片,实现预览.但是同步转换的时候总是出现问题,服务器内存消耗严重,apa…

想要实现word或者其他office文件的在线预览,大部分都是用的两种方式,一种是使用openoffice转换之后再通过其他插件预览,还有一种方式就是通过POI读取内容然后预览. 一.使用openoffice方式实现word预览 主要思路是: 1.通过第三方工具openoffice,将word.excel.ppt.txt等文件转换为pdf文件 2.通过swfTools将pdf文件转换成swf格式的文件 3.通过FlexPaper文档组件在页面上进行展示 我使用的工具版本: openof:3.4.…

Office Online Server是微软开发的一套基于Office实现在线文档预览编辑的技术框架(支持当前主流的浏览器,且浏览器上无需安装任何插件,支持word.excel.ppt.pdf等文档格式),其客户端通过WebApi方式可集成到自已的应用中,支持Java.C#等语言.Office Online Server原名为:Office Web Apps Server(简称OWAS).因为近期有ASP.NET Core 2.0的项目中要实现在线文档预览与编辑,就想着将Office Onli…