前言

在最近的编写的一个个人的工具站点中想实现一个网站提交数据后把特定文件压缩打包后浏览器出现下载的功能。找的资料实现也残缺不全。所以记录一下目前能实现的方案。

使用到的框架：EggJS、JSZip。

编写路由

'use strict';

/**
 * @param {Egg.Application} app - egg application
 */
module.exports = app => {
  const { router, controller } = app;
  router.get('/', controller.home.index);
  router.get('/download', controller.home.deal);
};

编写控制器

'use strict';

const path = require('path');
const fs = require('fs');
const jszip = require('jszip');

const Controller = require('egg').Controller;

class HomeController extends Controller {

  /**
   * 首页
   */
  async index() {
    const { ctx } = this;
    ctx.response.type = 'html';
    ctx.body = fs.readFileSync(path.resolve(__dirname, '../view/home.html'));
  }

  /**
   * 处理数据
   */
  async deal() {
    const { ctx } = this;
    // 处理public Path
    const dirPath = path.resolve(__dirname, `../public`);
    if (!fs.existsSync(dirPath)) {
      fs.mkdirSync(dirPath);
    }
    // 打包到egg-static的目录下，也可以是其他目录，有写入权限文件目录即可，后续读取
    const zip = new jszip();
    zip.file('test.txt', 'detail');
    zip.folder('img');
    const content = await zip.generateAsync({ type: 'nodebuffer' });
    const zipPath = `${dirPath}/download.zip`;
    fs.writeFileSync(zipPath, content);
    // 返回
    const stats = fs.statSync(zipPath, {
      encoding: 'utf8',
    });
    ctx.response.set({
      'Content-Type': 'application/octet-stream',
      'Content-Disposition': `attachment; filename=download.zip`,
      'Content-Length': stats.size,
    });
    ctx.body = fs.createReadStream(zipPath);
  }

}

module.exports = HomeController;