移动端 H5 有什么好的方式可以直接预览 word、Excel、ppt 等文件 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a Javascript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
Javascript 权威指南第 5 版
Closure: The Definitive Guide
gee1k
V2EX    Javascript

移动端 H5 有什么好的方式可以直接预览 word、Excel、ppt 等文件

  •  
  •   gee1k 2018-10-28 18:53:34 +08:00 17503 次点击
    这是一个创建于 2610 天前的主题,其中的信息可能已经有所发展或是发生改变。

    微软提供了一个在线预览的页面,https://view.officeapps.live.com/op/view.aspx?src=

    在 PC、移动端 表现都很好,不过在移动端会存在一个问题,估计是因为在移动端的样式不一样,所以使用这个方式预览之后,会重定向到另一个页面,而 里面的 js 是直接 window.top.href 来给浏览器最上层重定向的。即便我用 iframe 嵌套也会让我当前的页面其他内容看不见了。

    1.开始想着直接把重定向之后的地址拿出来,看看能不能直接拼装成这种地址。尝试之后发现,这个地址是实时生成的,没办法拼

    13 条回复    2019-05-30 21:46:54 +08:00
    gee1k
        1
    gee1k  
    OP
       2018-10-28 18:53:47 +08:00
    各位有什么好的办法吗?
    gee1k
        3
    gee1k  
    OP
       2018-10-28 18:57:24 +08:00   1
    Chrome 通过 DevTool 模拟移动端访问就可以复现这个问题
    mmdsun
        4
    mmdsun  
       2018-10-28 22:05:32 +08:00 via Android
    这个预览就是 office online server 吧。可以自己搭建一个 office online server 2016
    gee1k
        5
    gee1k  
    OP
       2018-10-28 23:35:15 +08:00
    @mmdsun 搭建的也是这个服务吧,那应该也就会出现同一个问题,这个重定向的原因应该是因为移动端屏幕小,需要一个跟紧凑一点的布局页面来显示内容。

    是不是自己部署能修改里面的代码,其实只要能把里面的 window.top.href 改成 window.href 就能在外面通过 iframe 解决了
    kslr
        6
    kslr  
       2018-10-28 23:57:09 +08:00 via Android
    预览 pdf 不行吗
    maxoxo
        7
    maxoxo  
       2018-10-28 23:59:16 +08:00 via Android
    直接用 Google doc 打开?
    gee1k
        8
    gee1k  
    OP
       2018-10-29 00:07:01 +08:00 via Android
    @maxoxo pdf 预览有 pdf.js
    还有 office 三件套呢
    gee1k
        9
    gee1k  
    OP
       2018-10-29 00:07:35 +08:00 via Android
    @maxoxo google doc 不得翻墙嘛,不能让每个用户都翻墙吧
    autoxbc
        10
    autoxbc  
       2018-10-29 01:08:38 +08:00
    在服务器上读页面
    https://view.officeapps.live.com/op/view.aspx?src=http%3A%2F%2Fteacher.91yixi.com%2FW008%2F1.xls

    处理 html,过滤出 _iframeUrl,返回给前端插入 iframe
        12
    gee1k  
    OP
       2018-10-29 13:45:37 +08:00
    @geelaw 感谢,这也是一种方法。但在我这个业务里可能不太实用,我这边的文件都是用户从 PC、移动端自己上传的文件。不可能做到每次打开一下文件 share 一下
    xjm998
        13
    xjm998  
       2019-05-30 21:46:54 +08:00
    Web 表格? 雷鸟 365 了解下。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     870 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 20:00 PVG 04:00 LAX 12:00 JFK 15:00
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86