Node.js 文件上传：接收文件功能实现 |21xrx.com

Node.js 文件上传：接收文件功能实现

2023-07-05 11:35:04 深夜i -- --

Node js 文件上传接收文件功能实现

Node.js是一种基于Chrome V8 JavaScript引擎构建的开源、跨平台的运行环境，可以在服务器端使用JavaScript语言开发 Web 服务和应用。

在Web开发中，文件上传是常见的需求之一。本文将介绍使用Node.js实现文件上传的方法。

1.准备工作

在使用Node.js处理文件上传之前，需要引入以下模块：

- `http`：处理HTTP请求和响应。

- `formidable`：用于解析HTTP请求中的表单数据。

这些模块可以通过npm安装。

2.创建HTTP服务

首先，需要创建一个HTTP服务，代码如下：


const http = require('http');
http.createServer((req, res) =>
  // 处理请求
).listen(3000, () => {
  console.log('Server is running on port 3000...');
})

该代码创建了一个HTTP服务，并监听3000端口。在处理请求的回调函数中，将会实现文件上传的逻辑。

3.解析表单数据

使用`formidable`模块可以方便地解析HTTP请求中的表单数据。例如：


const http = require('http');
const formidable = require('formidable');
http.createServer((req, res) => {
  const form = new formidable.IncomingForm();
  form.parse(req, (err, fields, files) => {
    if (err) throw err;
    // 处理表单数据
  });
}).listen(3000, () => {
  console.log('Server is running on port 3000...');
})

在上述代码中，创建了一个`formidable.IncomingForm`对象，并将HTTP请求对象`req`传递给它的`parse`方法，用于解析请求中的表单数据。`parse`方法的回调函数中，参数`fields`保存了表单中的普通字段数据，`files`保存了表单中上传的文件信息。

4.处理文件上传

解析表单数据之后，可以根据上传的文件信息进行处理。例如：


const http = require('http');
const formidable = require('formidable');
const fs = require('fs');
http.createServer((req, res) => {
  const form = new formidable.IncomingForm();
  form.parse(req, (err, fields, files) => {
    if (err) throw err;
    const oldPath = files.file.path;
    const newPath = './uploads/' + files.file.name;
    fs.rename(oldPath, newPath, (err) => {
      if (err) throw err;
      res.end('File uploaded successfully.');
    });
  });
}).listen(3000, () => {
  console.log('Server is running on port 3000...');
})

在上述代码中，根据上传的文件信息获取文件的原始路径`oldPath`和新路径`newPath`。然后，使用`fs.rename`将文件从原始路径移动到新路径。在移动文件成功之后，向客户端响应上传成功的信息。

5.完整代码


const http = require('http');
const formidable = require('formidable');
const fs = require('fs');
http.createServer((req, res) => {
  if (req.url === '/upload' && req.method.toLowerCase() === 'post') {
    const form = new formidable.IncomingForm();
    form.parse(req, (err, fields, files) => {
      if (err) throw err;
      const oldPath = files.file.path;
      const newPath = './uploads/' + files.file.name;
      fs.rename(oldPath, newPath, (err) => {
        if (err) throw err;
        res.end('File uploaded successfully.');
      });
    });
  } else {
    res.writeHead(200, { 'Content-Type': 'text/html' });
    res.end(`
      <form action="/upload" method="post" enctype="multipart/form-data">
        <input type="file" name="file">
        <input type="submit" value="Upload">
      </form>
    `);
  }
}).listen(3000, () => {
  console.log('Server is running on port 3000...');
})

在完整代码中，根据请求的路径和方法判断是否是文件上传请求。如果是，解析请求中的表单数据，并移动上传的文件到指定目录；否则，向客户端响应上传表单的HTML代码。

6.总结

通过使用Node.js和`formidable`模块，可以实现文件上传的功能。文件上传的实现原理是，通过解析HTTP请求中的表单数据，获取上传的文件信息，并保存到服务器端的指定目录中。

上一篇: idea打包java可执行jar包

下一篇: C++中使用this指针调用成员函数的堆栈顺序

评论区

()

相似文章