excel 下载 application_.netcore+vue 实现压缩文件下载

一.前言

目前接触的项目中，给定的需求是将系统内所有用户的数据整理好，并保存到文件夹内，目的主要是防止用户在实施人员已配置好的基础上由于不熟悉系统，导致的误删或者误操作。减少实施人员的配置工作。我首先想到的就是将数据导入到Excel中，并以各个用户的名称命名文件夹做好分类。

vue下实现Excel导入这个我们见的比较多了，当时我也确实实现了下载Excel的功能，但是后续发现保存的文件都在服务器上，那就有一个问题了，实施人员是通过页面点击的一键保存按钮，数据也确实保存了，但是却是在服务器上，如果想实时看到数据呢，是不是还要去服务器上拷贝一份下来。相对来讲确实比较繁琐，所以整理了下载压缩文件到本地的功能，一起看一下怎么实现的吧。

http://1.1.net core 压缩文件

思路是在后台将文件夹整体压缩为zip格式的压缩包，并返回文件流到前端，然后前端接收文件流实现浏览器下载的功能。

后端代码，将

public 

其中CreateZip方法传入一个源文件的路径，一个目标文件的路径，这里我的目标文件设置在appsetting.json里是个临时路径，只为前端当次下载使用。这样我们就在后台将数据以压缩包的形式压缩好，并返回数据流给前端了。

1.2 vue 下载压缩文件

<

之前下载Excel时，我们传入后端的content-type为"application/json;application/octet-stream",经过测试发现压缩文件不能使用这种content-type，所以我们去掉了。另外就是 const blob = new Blob([content], { type: "application/zip" });这行代码，如果不加，虽然也能下载，但是下载后的压缩包却无法打开，提示压缩不正确或压缩包已损坏。

好了，到此压缩文件的下载就完成了，由于我也是第一次遇到压缩文件的下载，经过摸索终于解决了问题。看起来也比较简单，你学会使用了吗？