Cordova插件使用——Office文档在线预览那些事

最近太忙,就写篇简单的。
关于office文档在线预览,无外乎这几种方式:

1. 文档转成html或pdf格式,再使用WebView加载显示。 
2. 运用WebView打开在线office文档地址。
3. 使用能解释文档的插件打开。
4. 调用本地office程序打开。 

第一种方式,有两种实现方法,一是使用在线的接口(如谷歌、微软……但前者被墙,后者付费使用,当然也可以自己部署个接口处理转换,不想特别折腾也可以用微软的office web apps),二是使用第三方的库,在客户端处理好再显示,但据我个别试用,效果不是很完美。

第二种方式,对于ios就很简单了,本来浏览器就支持预览office文档,所以只需调用 webView 加载网络文件路径即可,但可惜的是android的webview不支持,不知道将来会不会支持。

第三种方式,如果有完美的插件倒是好,可是基本没有(如果有找到的,麻烦知会一声,先谢过)。不过单独处理pdf文件的,倒是有一两个可以考虑的,如cordova-plugin-document-viewer

第四种方式,要求本地装有office文档解释程序,一般装个WPS即可,但要用户额外装个应用的用户体验稍显不足,但既然要看文档了,自然有本地打开的潜在需求,所以这不足就不算太大事了,而且据上面所述,这种方式性价比中最适用于android端的。

于是常规方案呼之欲出:

ios使用webView打开,android调用本地office程序打开。

使用webView打开

对于ios,也仅限于ios,使用浏览器插件,如使用cordova-plugin-themeablebrowser即可。

调用本地应用打开

对于android,可以使用
cordova-plugin-file-opener2cordova-plugin-fileopener

前者是官网native推荐插件,后者是我个人觉得还行的插件,我尝试想把两者优点合并一下,修改成一个新插件,但懒也一直没空,所以搁置了,有兴趣的可以了解下它们,在此我简单描述下:

一、cordova-plugin-file-opener2
有如下特点:

  1. 支持多个平台;
  2. 有打开文件、卸载等方法;
  3. 只能打开本地文件;
  4. android打开文件要手动输入MIME-Types;
  5. 有权限要求;

遇到权限问题,一般可以加上下面两句,具体可以看cordova-plugin-file该file插件文档:

<preference name="AndroidPersistentFileLocation" value="Internal" />
<preference name="AndroidPersistentFileLocation" value="Compatibility" />

二、cordova-plugin-fileopener

  1. 只支持android平台;
  2. 只有打开文件的方法;
  3. 能打开本地文件和远程文件;
  4. 内置常用MIME-Types,打开文件不需要手动输入;
  5. 基本没遇到权限问题;

cordova-plugin-file-opener2打开远程文件还需借助下载插件(如cordova-plugin-file-transfer,但好处是能自定义下载进度条),还需手动输入MIME-Types,略显繁琐,当下载插件下载路径选择不合适时,还要应对下权限问题,相比之下,下面的cordova-plugin-fileopener更适用于android打开文件,只是功能比较少,或许作者目的就只是专注于打开文件这一功能。后者查看源码,很简单,就一个文件,其打开远程文件的原理其实也是先下载到本地然后再打开,判断文件类型是根据文件路径截取扩展名,然后根据扩展名与内置的MIME-Types映射表转化,这就会有个不足地方:文件路径不带扩展名就不太适用,这个时候可以简单改下源码,添加一个文件扩展名的参数,当这个参数不为空时,用它做映射,为空时,用它原来的方法即可。
如果不满足这样小改动的话,可以把两者优势互补,以cordova-plugin-file-opener2为原始项目,像后者那样添加内置的MIME-Types,当外面不传入时,就用内置的MIME-Types判断处理,遇到远程文件,可以像后者那样先下载到默认路径再打开。

当然,如果源码都不想改,那就考虑这个组合吧:

cordova-plugin-themeablebrowser——ios用
cordova-plugin-fileopener——android用

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,539评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,911评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,337评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,723评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,795评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,762评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,742评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,508评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,954评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,247评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,404评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,104评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,736评论 3 324
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,352评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,557评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,371评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,292评论 2 352

推荐阅读更多精彩内容