轻松创建nodejs服务器（10）：处理上传图片

让我来详细讲解如何在Node.js服务器中处理上传图片。这里我将分为以下几个步骤：

1. 添加multer中间件
2. 编写上传文件的处理函数
3. 将上传的图片文件存储到本地
4. 返回上传后的图片信息

以下是详细的说明：

1. 添加multer中间件

首先需要安装和添加multer中间件，它是用于处理文件上传的Node.js中间件。

通过以下命令来安装multer：

npm install multer --save

然后在代码中引入并配置multer中间件:

const multer = require('multer');
const upload = multer({ dest: 'uploads/' });

其中，dest参数指定上传文件的目录，这里指定为uploads。

2. 编写上传文件的处理函数

接下来，需要编写上传文件的处理函数。在处理函数中，首先需要将文件数据保存到本地，然后返回上传成功后的图片信息。

上传处理函数示例：

app.post('/upload', upload.single('avatar'), function(req, res, next) {
  // req.file 是 `avatar` 文件的信息
  // req.body 将具有文本域数据，如果存在的话
  const fileInfo = {
    originalname: req.file.originalname,
    mimetype: req.file.mimetype,
    size: req.file.size,
    path: req.file.path
  };
  res.json(fileInfo);
});

在上述例子中, avatar 表示上传表单中的文件字段名称，req.file 对象保存了上传文件的信息，res.json(fileInfo) 则返回该文件的信息。

3. 将上传的图片文件存储到本地

接下来，需要将上传的图片文件存储到本地，这里使用Node.js的文件系统API。

存储上传图片文件的示例代码如下：

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

app.post('/upload', upload.single('avatar'), function(req, res, next) {
  const fileInfo = {
    originalname: req.file.originalname,
    mimetype: req.file.mimetype,
    size: req.file.size,
    path: req.file.path,
    url: ''
  };
  fs.rename(req.file.path, req.file.destination + req.file.originalname, function(err) {
    if (err) {
      console.log(err)
      res.send(err);
    } else {
      fileInfo.url = 'http://' + req.headers.host + '/' + req.file.destination + req.file.originalname;
      res.json(fileInfo);
    }
  });
});

在示例中，使用fs.rename重命名保存上传文件到指定目录，并将文件URL保存到fileInfo对象中，最后返回该对象信息。

4. 返回上传后的图片信息

最后，需要将该文件的信息返回给客户端。我通常使用JSON格式来返回。

将上传的图片信息返回给客户端的示例代码如下：

app.post('/upload', upload.single('avatar'), function(req, res, next) {
  const fileInfo = {
    originalname: req.file.originalname,
    mimetype: req.file.mimetype,
    size: req.file.size,
    path: req.file.path,
    url: ''
  };
  fs.rename(req.file.path, req.file.destination + req.file.originalname, function(err) {
    if (err) {
      console.log(err)
      res.send(err);
    } else {
      fileInfo.url = 'http://' + req.headers.host + '/' + req.file.destination + req.file.originalname;
      res.json(fileInfo);
    }
  });
});

以上是使用Node.js处理上传图片的完整攻略，希望对您有帮助。

• 示例1：上传一张名为test.jpg的图片文件

curl -X POST -F "avatar=@/path/to/test.jpg" http://localhost:3000/upload

• 示例2：在HTML表单中上传图片

<form action="/upload" method="post" enctype="multipart/form-data">
  <input type="file" name="avatar">
  <input type="submit" value="Upload">
</form>