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

V2EX = way to explore

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

For Existing Member Sign In

爱意满满的作品展示区。

This topic created in 2543 days ago, the information mentioned may be changed or developed.

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

效果：查看
求 star：github

预览

nuxt

GitHub

文件

13 replies • 2019-05-30 21:38:39 +08:00

Tink

PRO

May 15, 2019 via iPhone

是真删除还是标记删除

XHalso

May 15, 2019

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

acthtml

May 15, 2019

不错哦，战略 mark

XHalso

May 15, 2019

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

ipwx

May 15, 2019

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

XHalso

May 15, 2019

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

xiaotuzi

May 16, 2019 via iPhone

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

好吧，感谢告知接口！😏

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

cccicl

May 16, 2019

不错

XHalso

May 16, 2019

@xiaotuzi 被你发现了😳

cjc2017

May 16, 2019

还不错已 star

tikazyq

May 16, 2019

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

XHalso

May 16, 2019

@tikazyq http://officewebviewer.com

xjm998

May 30, 2019

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