.netcore+vue实现压缩文件下载功能-创新互联

一.前言

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

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

1.1.net core 压缩文件

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

后端代码，将

public async Task DownloadFiles(DownLoadModel input)
    {
      if (!Directory.Exists(input.pathUrl))
      {
        throw new UserFriendlyException("当前要下载的文件夹不存在或已删除");
      }
      var zipFileUrl = _configurationRoot["downLoadUrlConf:downloadZipFileUrl"];
      if (File.Exists(zipFileUrl))
      {
        File.Delete(zipFileUrl);
      }
      ZipHelper.CreateZip(input.pathUrl, zipFileUrl);
      var memoryStream = new MemoryStream();
      using (var stream = new FileStream(zipFileUrl, FileMode.Open))
      {
        await stream.CopyToAsync(memoryStream);
      }
      memoryStream.Seek(0, SeekOrigin.Begin);
      return new FileStreamResult(memoryStream, "application/octet-stream");//文件流方式，指定文件流对应的ContenType。
    }