Express.js如何处理POST请求中的文件上传

什么是文件上传

文件上传指将文件从客户端传输到服务器的过程。对于大多数Web开发者而言，文件上传是Web应用程序的核心功能之一。它使得用户可以通过Web应用程序上传文件，如图片、视频、音频文件，从而与其他人共享。

Express.js与文件上传

Express.js 是一个基于 Node.js 平台的Web应用程序框架。它提供了丰富的功能，可以轻松地处理文件上传。下面我们将介绍如何使用Express.js来处理POST请求中的文件上传。

处理POST请求中的文件上传

Express.js提供了一个非常方便的中间件“multer”来处理文件上传。该中间件支持文件的多重上传，大小限制，文件重命名以及自定义上传目录等功能。以下是一个处理POST请求中的文件上传的例子：

// www.javascriptcn.com code example
const express = require('express');
const multer = require('multer');

const app = express();
const upload = multer({
  dest: 'uploads/' //指定上传文件的存储目录
});

app.post('/upload', upload.single('file'), (req, res) => {
  // req.file是‘file’文件的文件信息
  const file = req.file;
  console.log(file);
  res.send('文件上传成功');
});

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

在这个例子中，我们使用“multer”中间件来处理文件上传。使用“upload.single('file')”指定要上传的文件名。如果要上传多个文件，可以使用“upload.array('files', 3)”来上传最多3个文件。

文件上传的限制

Express.js利用“multer”中间件提供了很多文件上传的限制条件。例如，可以通过“upload.limits”选项设置文件大小限制。

const upload = multer({
  limits: { fileSize: 1024 * 1024 } //限制1M大小
});

此外，还可以通过自定义函数来过滤文件上传。例如，检查上传的文件类型，可以使用如下代码：

const upload = multer({
  fileFilter: (req, file, cb) => {
    if (file.mimetype !== 'image/png') {
      return cb(new Error('只能上传png图像文件'));
    }
    cb(null, true);
  }
});

总结

运用接口不断优化文件上传功能是不断学习的过程。Express.js基于Node.js平台，提供了很多处理文件上传的中间件，其中“multer”是用于处理文件上传的非常好的库。希望本文能够帮助您了解如何在Express.js中处理POST请求中的文件上传。

Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/6454cc21968c7c53b088eca9