使用 Nuxt.js 做了个 word、excel、ppt 和 pdf 文件 PC 端在线预览

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 2026 天前的主题，其中的信息可能已经有所发展或是发生改变。

前段时间看见有人提了一个在线文件预览的需求，/562462，最近正在学 node，就利用业余时间使用 Nuxt.js 做了个 word、excel、ppt 和 pdf 文件 PC 端在线预览，每个上传后的文件有 3 天的有效期，利用定时任务做了过期文件删除。

效果：查看
求 star：github

预览

nuxt

GitHub

文件

13 条回复 • 2019-05-30 21:38:39 +08:00

Tink

2019-05-15 20:30:46 +08:00 via iPhone

是真删除还是标记删除

XHalso

2019-05-15 21:04:51 +08:00

@Tink 是真删除，开启了定时任务，代码已开源 https://github.com/XHalso/file-preview

acthtml

2019-05-15 21:11:19 +08:00

不错哦，战略 mark

XHalso

2019-05-15 21:24:27 +08:00

@acthtml 感谢，如果有其他相关需求可以直接在这提，或者提 issues，业余时间可以持续更新

ipwx

2019-05-15 21:24:44 +08:00

BUG 汇报：上传完一个文件，想要再上传第二个，显示不能上传多个文件。

XHalso

2019-05-15 21:36:47 +08:00

@ipwx 当你鼠标 hover 那个文件时，右边会有一个 X 的按钮，点击这个按钮后，才能进行第二个文件的上传，后期会支持多文件的上传和预览

xiaotuzi

2019-05-16 00:08:15 +08:00 via iPhone

看了下微软接口及 pdf.js ，你只是做了一个上传文件存储，然后做成一个在线文件的路径，再放入接口里面？ iframe 一个框加进去…

好吧，感谢告知接口！😏

刚看了下，你是说在学 Nuxt.js ，像你这样做做小东西也不错的。

cccicl

2019-05-16 09:01:41 +08:00

不错

XHalso

2019-05-16 09:28:59 +08:00

@xiaotuzi 被你发现了😳

cjc2017

2019-05-16 15:11:59 +08:00

还不错已 star

tikazyq

2019-05-16 16:31:27 +08:00

支持一个，貌似还不错，word 是如何实现的？

XHalso

2019-05-16 16:51:38 +08:00

@tikazyq http://officewebviewer.com

xjm998

2019-05-30 21:38:39 +08:00

在线 excel 雷鸟 365 除了 VBA 没实现，其他都 OK 了。