通过 express 将 zip 解压缩到文件夹节点中

Question

我尝试找到可以发送 zip 的示例（例如通过邮递员） 并在我的处理程序中获取此 zip 并 解压缩 指定文件夹 我没有找到太多使用express 进行压缩的示例 我想解压到路径web/app

我尝试了以下对我不起作用的方法，zip 文件没有解压缩到指定的文件夹中，知道我做错了什么吗？

https://nodejs.org/api/zlib.html#zlib_zlib

var zlib = require('zlib');
var fs = require('fs');
const dir = path.join(__dirname, 'web/app/');

if (req.file.mimetype === 'application/zip') {

    var unzip = zlib.createUnzip();

    var read = fs.createReadStream(req.file);
    var write = fs.createWriteStream(dir);
    //Transform stream which is unzipping the zipped file
    read.pipe(unzip).pipe(write);   
    console.log("unZipped Successfully");

}

任何工作示例都会非常有帮助，或者参考我哪里有问题...

调试时我看到这是代码失败的时候

var read = fs.createReadStream(req.file);

知道为什么吗？

我也试过

var read = fs.createReadStream(req.file.body);

我没有看到错误、原因等的问题。

当我把它改成

var read = fs.createReadStream(req.file.buffer);

程序没有退出，我能够运行它，直到记录器 console.log("unZipped Successfully"); 但什么也没发生......

如果有 https://www.npmjs.com/package/yauzl 的任何示例 yauzl 和 multer 在我的上下文中，它会很棒

更新-这是邮递员的请求

Answer 1

首先zlib不支持提取zip文件。

我推荐formidable 来处理文件，因为

1. 经过实战考验
2. 使用最广泛的
3. 避免编写样板代码，例如从请求中读取文件流、存储和处理错误
4. 易于配置

先决条件
使用npm i -S extract-zip formidable express 或yarn add extract-zip formidable express 安装依赖项

使用formidable 和extract-zip 解决您的问题的最小解决方案

const express = require('express');
const fs = require('fs');
const extract = require('extract-zip')
const formidable = require('formidable');
const path = require('path');
const uploadDir = path.join(__dirname, '/uploads/');
const extractDir = path.join(__dirname, '/app/');
if (!fs.existsSync(uploadDir)) {
  fs.mkdirSync(uploadDir);
}
if (!fs.existsSync(extractDir)) {
  fs.mkdirSync(extractDir);
}

const server = express();

const uploadMedia = (req, res, next) => {
  const form = new formidable.IncomingForm();
  // file size limit 100MB. change according to your needs
  form.maxFileSize = 100 * 1024 * 1024;
  form.keepExtensions = true;
  form.multiples = true;
  form.uploadDir = uploadDir;

  // collect all form files and fileds and pass to its callback
  form.parse(req, (err, fields, files) => {
    // when form parsing fails throw error
    if (err) return res.status(500).json({ error: err });

    if (Object.keys(files).length === 0) return res.status(400).json({ message: "no files uploaded" });
    
    // Iterate all uploaded files and get their path, extension, final extraction path
    const filesInfo = Object.keys(files).map((key) => {
      const file = files[key];
      const filePath = file.path;
      const fileExt = path.extname(file.name);
      const fileName = path.basename(file.name, fileExt);
      const destDir = path.join(extractDir, fileName);

      return { filePath, fileExt, destDir };
    });

    // Check whether uploaded files are zip files
    const validFiles = filesInfo.every(({ fileExt }) => fileExt === '.zip');

    // if uploaded files are not zip files, return error
    if (!validFiles) return res.status(400).json({ message: "unsupported file type" });

    res.status(200).json({ uploaded: true });

    // iterate through each file path and extract them
    filesInfo.forEach(({filePath, destDir}) => {
      // create directory with timestamp to prevent overwrite same directory names
      extract(filePath, { dir: `${destDir}_${new Date().getTime()}` }, (err) => {
        if (err) console.error('extraction failed.');
      });
    });
  });

  // runs when new file detected in upload stream
  form.on('fileBegin', function (name, file) {
    // get the file base name `index.css.zip` => `index.html`
    const fileName = path.basename(file.name, path.extname(file.name));
    const fileExt = path.extname(file.name);
    // create files with timestamp to prevent overwrite same file names
    file.path = path.join(uploadDir, `${fileName}_${new Date().getTime()}${fileExt}`);
  });
}

server.post('/upload', uploadMedia);

server.listen(3000, (err) => {
  if (err) throw err;
});

此解决方案适用于单个/多个文件上传。这个解决方案的一个问题是，错误的文件类型将被上传到uploaded 目录，尽管服务器抛出错误。

用邮递员测试：

Answer 2

如果没有完整的示例，很难说出真正的问题是什么。但根据Express docs，它说：

在 Express 4 中，req.files 在 req 对象上不再可用 默认。要访问 req.files 对象上的上传文件，请使用 多部分处理中间件，如 busboy、multer、formable、 多方、连接多方或 pez。

因此，如果您不使用中间件库来处理上传文件，则很难判断 req.file 的值是多少。

我也有点担心你试图使用zlib 解压缩一个zip 文件，因为library 只支持gzip。

zlib 模块提供了使用实现的压缩功能 Gzip 和 Deflate/Inflate

你会想要检查req.file.mimetype === 'application/gzip'

以下是一些与解压缩 zip 文件相关的帖子：

• How to download and unzip a zip file in memory in NodeJs?
• Simplest way to download and unzip files in Node.js cross-platform?

Answer 3

先决条件：

1. npm i express unzipper multiparty bluebird
2. 在您的项目根目录中创建app/web 目录（或者您可以根据需要自动创建）。
3. 将所有这些文件放在一个目录中。
4. 支持async/await的节点版本（据我所知是7.6+）

server.js：

const express = require('express');
const Promise = require('bluebird');
const fs = require('fs');
const writeFile = Promise.promisify(fs.writeFile);

const { parseRequest, getFile } = require('./multipart');
const { extractFiles } = require('./zip')

const EXTRACT_DIR = 'web/app';

const app = express();

const uploadFile = async (req, res, next) => {
  try {
    const body = await parseRequest(req);
    const bodyFile = getFile(body, 'file');
    if (!/\.zip$/.test(bodyFile.originalFilename)) {
      res.status(200).json({ notice: 'not a zip archive, skipping' })
      return;
    }
    const archiveFiles = await extractFiles(bodyFile);

    await Promise.each(archiveFiles, async (file) => {
      await writeFile(EXTRACT_DIR + '/' + file.path, file.buffer);
    })
    res.status(200).end();
  } catch (e) {
    res.status(500).end();
  }
};

app.post('/files', uploadFile);

app.listen(3000, () => {
  console.log('App is listening on port 3000');
});

multipart.js

const Promise = require('bluebird');
const { Form } = require('multiparty');

function parseRequest (req, options) {
    return new Promise((resolve, reject) => {
        const form = new Form(options)
        form.parse(req, (err, fields, files) => {
            if (err) {
                return reject(err);
            }
            return resolve({ fields, files });
        });
    });
}

function getFile (body, field) {
    const bodyFile = body.files[field];
    const value = bodyFile ? bodyFile[0] : null;
    return value || null;
}

module.exports = {
    parseRequest,
    getFile,
};

zip.js

const unzip = require('unzipper');
const fs = require('fs');

async function extractFiles (file) {
    const files = [];
    await fs.createReadStream(file.path).pipe(unzip.Parse()).on('entry', async entry => {
    // Cleanup system hidden files (or drop this code if not needed)
        if (
            entry.type !== 'File'
            || /^__MACOSX/.test(entry.path)
            || /.DS_Store/.test(entry.path)
        ) {
            entry.autodrain()
            return
        }
        const pathArr = entry.path.split('/');
        const path = entry.path;
        const buffer = await entry.buffer();
        files.push({ buffer, path, originalFilename: pathArr[pathArr.length - 1] });
    }).promise();
    return files;
}

module.exports = {
    extractFiles,
};

用法：

1. 使用node server 启动服务器
2. 在请求中的file 字段中发送您的文件（邮递员中的密钥file）。 curl中的示例curl -XPOST -F 'file=@../ttrra-dsp-agency-api/banner.zip' 'localhost:3000/files')

缺点：

1. 解压缩的文件存储在缓冲区中，因此此方法效果不佳，不建议用于大型存档。

Answer 4

这是我上传文件到express server的代码。

//require express library
var express = require('express');
//require the express router
var router = express.Router();
//require multer for the file uploads
var multer = require('multer');

//File Upload

var storage = multer.diskStorage({
  // destino del fichero
  destination: function (req, file, cb) {
    cb(null, './uploads/logo')
  },
  // renombrar fichero
  filename: function (req, file, cb) {
    cb(null, file.originalname);
  }
});

var upload = multer({ storage: storage });

router.post("/", upload.array("uploads[]", 1), function (req, res) {
  res.json('Uploaded logo successfully');
});


module.exports = router;