本文阿宝哥将介绍工作中遇到过的八种文件上传的场景，并介绍每种场景背后所使用到的技术，从而让大家能更好地理解成熟上传组件所提供的功能。

前言 利用周末两天，做了个图片的裁剪的功能和预览的功能，前端图片的裁剪方案，大多数都是用cropperjs进行封装，npm上有vue-cropperjs可以直接用起来，viewerjs是用来实现图片的

最近做了前端导入、导出 Excel 的需求，用到了js-xlsx这个库，该库文档提供的用例很少，并不是很友好。本文总结一下我是如何实现需求的。

前端导出 excel 的需求很多，但市面上好用的库并不多，讲明白复杂使用场景的文章更少。 本文将以文字 + demo 源码的形式，力求讲清楚满足 99% 使用场景的终极 excel 导出方案。 如果项

本篇文章主要介绍使用 exceljs、file-saver、jszip实现下载包含多层级文件夹、多个 excel、每个 excel 支持多个 sheet 的 zip 压缩包。

前言 1、可解析文件 2、支持框架 3、安装包 npm install xlsx 4、相关代码 1）HTML部分 2）data 部分 3）方法实现部分 参考链接 1、npmjs -xlsx 介绍 2、

方式一、pdf文件理论上可以在浏览器直接打开预览但是需要打开新页面。在仅仅是预览pdf文件且UI要求不高的情况下可以直接通过a标签href属性实现预览 这个插件可以实现pdf预览功能（包括其他各种媒体文件）但是对word等类型的文件无能为力。 PDF.js可以实现在html下直…

场景： 通过接口拿表格的所有数据，用户点击下载（即异步导出） 下载静态excel模版（同步导出） 多张表同时导出 这里主要是写了两个方法 exportExcel方法 导出excel getExcelD

第3种思路由于找到的文档较少，优先级靠后，尝试了1、2的方案做了些demo，发现都遇到了样式的处理问题（导出页面有较多的表格和纸张方向控制），搜索没有找到很好的解决办法，不过找到了些解决思路，一开始想尝试去阅读html-docx-js的源码，发现有点吃力，加上时间紧，然后去阅读…