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 · 16886 次点击
    这是一个创建于 2218 天前的主题,其中的信息可能已经有所发展或是发生改变。

    微软提供了一个在线预览的页面,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
    gee1k
        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   ·   实用小工具   ·   919 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 22:20 · PVG 06:20 · LAX 14:20 · JFK 17:20
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.