起步 在计算机的世界中，有各种各样的文件，文件类型千奇百怪，作为一名前端开发工程师，我们如何来实现这些文件的在线预览呢？

问题描述 本文记录了一下预览word文档的功能。需要用到： 前端：vue 后端：express 插件：docx-preview 思路分析 后端express代码中读取文件夹中的 .docx 类型文件

在做网站的过程中，前端工作遇到预览和下载的需求是很常见的，在此记录实现过程，以供有需要的朋友使用和学习。

需求简介 昨天遇到一个很小众的需求：点击一个按钮后，请求一个接口，接口返回html，需要实现这个html的预览与下载。 这个功能其实很简单，无非就是展示一个html和纯前端实现一个文件的下载。想着有些

前言 在这之前公司项目的文档预览的方式都是通过微软在线预览服务，但是微软的在线服务有文件大小限制，想完整使用得花钱，一些图片文件就通过组件库antd实现，因为我们项目存在多种类型的文件，所以为了改善用

前言 具体的预览需求： 预览需要支持的文件类型有： png、jpg、jpeg、doc、xlsx、ppt、pdf、md、txt、audio、video，另外对于不同文档还需要有定位的功能。例如：pdf

本文实现了一个可以进行常规 Excel 文件的在线预览功能，完全不需要后端任何服务，可以为前端同学开发 Excel 编辑软件提供一种比较可靠的思路。

pdf文件预览是开发业务时常见的一个交互，在toB项目中是经常用到的，对于用户上传文件，预览文件等操作时有一个更好的体验，下面我结合实际业务，在vue的基础上与大家分享这个实现方法。 一.安装vue-

https://fe32.top/articles/vue20003/ 将一些前端页面(如报表页面等)导出为pdf的需求，博主采用的是html2Canvas + jspdf。