有没有办法让HTML5 canvas显示/预览word/excel/powerpoint 文档?

目前想实现类似百度文库那样的在线文档预览,但是他们使用的一般都是Flash,而HTML5 canvas可以在大多数情况下代替Flash,那么有没有办法让canvas显示/预览Office文档?
如果不用Flash,目前唯一的方法是,用OpenOffice/LibreOffice或者在线服务(比如七牛里面第三方提供的文档转换服务)转换成PDF,然后用Mozilla的pdf.js来在线预览。

阅读 23.2k
6 个回答

其实不一定要用Flash或者PDF,HTML更好。
目前找到的几种方式:
1.像以前的百度文库那样,先转换成flash,然后放在网页上。
说明:使用软件OpenOffice/LibreOffice,swftools。
优点:在国内,由于Flash安装量很大,而且很多人用IE和Chrome内核的浏览器,所以是可以查看的。
缺点:OpenOffice/LibreOffice转换的结果可能会丢失格式/排版(我没试过所以不知道会不会),而且比较耗服务器资源,如果浏览器没装Flash就没法查看文档了,尤其是移动端。
2.转换成PDF,然后用Mozilla的pdf.js查看。
说明:转换成PDF的方法可以用OpenOffice/LibreOffice,也可以用七牛的第三方服务“文档转换”(由亿方云提供)。
优点:如果是把文件存放在七牛云,用在线的服务会比较有保障,加载速度也快。
缺点:收费,不过费用很低廉,pdf.js可能比较大,加载相对慢点,放到七牛上面会好些,对移动端支持不好。
3.转换成HTML,像现在的百度文库那样。
说明:使用PHPOfficePDFtoHTML将文档转换成HTML直接在浏览器输出,类似现在的百度文库。
优点:浏览器无需安装任何插件,也不用担心兼容性问题,还支持移动端。
缺点:可能会丢失格式,而且用户可以直接拷贝文档内容,如果是扣积分下载的话,可能达不到目的。

综上所述,桌面端用方案2,移动端用方案3比较好。

这种需求,主要还是靠强大的后端处理了。

试试 pageoffice 组件吧. pageoffice 可以直接在线打开 office 办公文档,比如 word excel ppt pdf 等.
http://www.pageoffice.cn:8080/Samples4/ 可以看看具体的效果

新手上路,请多包涵

其实pageOffice 显示/预览word/excel/powerpoint 文档的效果还是比较好用的。跟自己用office打开一样

可以调用这个office在线预览模式,参考下 http://usdoc.cn
文件地址可以加密以及采用试读

推荐问题
宣传栏